flutter - 如何在Flutter中制作 float 的AppBar?-LMLPHP
我想在Flutter中制作一个 float 的AppBar,将其叠加在我的UI上,并在用户向上滚动时关闭。我尝试使用此依赖项-https://pub.dev/packages/material_floating_search_bar,但这仅用于搜索某些内容。
更新:
这是我的代码-

DefaultTabController(
      length: 2,
      child: Scaffold(
          body: Stack(
        children: [
          Positioned(
            top: 15,
            left: 15,
            right: 15,
            child: SafeArea(
              child: ClipRRect(
                borderRadius: BorderRadius.circular(12),
                child: AppBar(
                  title: Text('Hello', style: kTasksStyle),
                  centerTitle: true,
                  backgroundColor: kGreen,
                ),
              ),
            ),
          ),
        ],
      )),
    );
如何在TabBar的底部参数中添加AppBar

最佳答案

您可以使用Stack,将内容和应用栏作为子项。
要在滚动时关闭,可以根据ScrollController的偏移量隐藏应用栏或使用“动画”。

关于flutter - 如何在Flutter中制作 float 的AppBar?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/64662982/

10-12 04:27