flutter 如何制作悬浮appbar?

Question

具体就是
appbar盖在body内容上, 比如我让appbar透明, 那么可以看到下面body里的东西

Widget build(BuildContext context) {
        return Scaffold(
            body: Stack(
                children: <Widget>[
                    AppBar(
                        title: Text('标题'),
                        actions: <Widget>[
                            IconButton(
                                icon: Icon(Icons.forward),
                            )
                        ],
                    ),
                ],
            )
        );
    }

比如上述代码, 我如何设置appbar的高度, 和原始的appbar一致的高度?

我给appbar套上Container, 然后给Container设置高度来限制appbar, 这样appbar会表现得比较奇怪, 标题和icon会有偏移

Answer 1

你既然都不用Scaffold的appbar了，那直接用Container进行布局不就行了吗？比如Container(child：Row(...)),直接布局不用套AppBar Widget了，appbar高度的获取方法在百度上直接找就有

Answer 2

Scaffold(
       // ture body延伸到Toolbar上
      extendBodyBehindAppBar: true,
      appBar:AppBar(
                shadowColor: Colors.transparent,
                backgroundColor: Colors.transparent,
               ),
        )
)

将Appbar设备背景透明
再设置Scaffold属性 extendBodyBehindAppBar: true
extendBodyBehindAppBar可以将body上

效果图如下