我希望在滚动屏幕时将小部件放置在应用程序下方。屏幕包含一个具有灵活空间的浮动应用栏 (sliverappbar),在其下方有一个容器,其中包含任何容器或选项卡视图。链接中的视频是我想要的效果的示例。
问问题
5423 次
2 回答
7
好吧,我想我现在明白你了。您需要实现一个 CustomScrollView
CustomScrollView(
slivers: <Widget>[
SliverAppBar(
// Your appbar goes here
),
SliverPersistentHeader(
pinned: true,
delegate: PersistentHeader(
widget: Row(
// Format this to meet your need
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('Hello World'),
Text('Hello World'),
Text('Hello World'),
],
),
),
),
],
),
为 Persistent 标头创建一个新类,它扩展了 SliverPersistentHeaderDelegate,如下所示:
class PersistentHeader extends SliverPersistentHeaderDelegate {
final Widget widget;
PersistentHeader({this.widget});
@override
Widget build(
BuildContext context, double shrinkOffset, bool overlapsContent) {
return Container(
width: double.infinity,
height: 56.0,
child: Card(
margin: EdgeInsets.all(0),
color: Colors.white,
elevation: 5.0,
child: Center(child: widget),
),
);
}
@override
double get maxExtent => 56.0;
@override
double get minExtent => 56.0;
@override
bool shouldRebuild(SliverPersistentHeaderDelegate oldDelegate) {
return true;
}
}
如果您遇到任何其他问题,请告诉我。
于 2020-04-29T15:52:12.100 回答
0
我对您的特定问题有一个解决方案的想法,最近实现了与您想要的非常相似或相同的东西,但是我找不到您谈到的与您尝试实现的效果的视频的链接。您能否编辑并上传视频的链接,以便我可以查看以使我能够为您的问题提供精确的解决方案?
于 2020-04-23T12:12:24.637 回答