Android 集装箱颤振倒塌
我正在将一个应用程序从nativ android迁移到Flatter。我正在努力在我的flutter应用程序中实现一个正在崩溃的容器 我有一个背景图像和一些按钮的第一部分,当屏幕滚动到一个选项卡栏时,我想折叠这些按钮。当我到达选项卡栏时,滚动停止,然后我可以滚动每个选项卡的内容 这里有一个小gif来显示我正在努力实现的目标: 我看过很多使用SilverAppBar的教程,但我不确定将容器强制放在appbar中是否是最好的方法 你对我如何实现这一点有什么想法吗?在Android中,设计支持库中提供了折叠工具栏UI组件,而在iOS中没有官方UI组件,但有一些库可以帮助我们做到这一点。 为了在颤振中实现同样的效果,我们需要将名为SliverAppBar的小部件与FlexibleSpaceBar作为一个孩子一起使用Android 集装箱颤振倒塌,android,flutter,Android,Flutter,我正在将一个应用程序从nativ android迁移到Flatter。我正在努力在我的flutter应用程序中实现一个正在崩溃的容器 我有一个背景图像和一些按钮的第一部分,当屏幕滚动到一个选项卡栏时,我想折叠这些按钮。当我到达选项卡栏时,滚动停止,然后我可以滚动每个选项卡的内容 这里有一个小gif来显示我正在努力实现的目标: 我看过很多使用SilverAppBar的教程,但我不确定将容器强制放在appbar中是否是最好的方法 你对我如何实现这一点有什么想法吗?在Android中,设计支持库中提供
@override
Widget build(BuildContext context) {
return Scaffold(
body: NestedScrollView(
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
SliverAppBar(
expandedHeight: 200.0,
floating: false,
pinned: true,
flexibleSpace: FlexibleSpaceBar(
centerTitle: true,
title: Text("Collapsing Toolbar",
style: TextStyle(
color: Colors.white,
fontSize: 16.0,
)),
background: Image.network(
"https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",
fit: BoxFit.cover,
)),
),
];
},
body: Center(
child: Text("Sample Text"),
),
),
);
有关更多信息,请访问谢谢!我使用了SliverAppBar和您推荐的FlexibleSpaceBar,我成功地实现了我想要的。