如何在Flutter中实现自定义应用栏布局可滚动效果
阿维纳什·库玛（Avinash kumar）
我试图在CustomScrollView中使用Flutter SliverAppBar，但是这并不能满足我的要求。
若昂·苏亚雷斯
要使用SliverAppBar并使应用栏缩小并固定在顶部，您可以按照以下示例操作：
Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
expandedHeight: 200.0,
floating: true,
snap: true,
pinned: true,
flexibleSpace: FlexibleSpaceBar(
title: Text('SliverAppBar 1'),
centerTitle: true,
background: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text('text 1'),
Text('text 2'),
Text('text 3'),
],
),
),
),
SliverList(
delegate: SliverChildBuilderDelegate(
(context, index) {
return Container(
alignment: Alignment.center,
color: Colors.greenAccent,
child: Text('SliverList item'),
height: 60,
margin: EdgeInsets.all(4),
);
},
childCount: 20
),
),
],
)
);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：物化模态事件不会被调用
- 下一篇：nodemon内部监视失败：监视/ Users / admin / Library / Application Support / Code / 1.26.1-shared.sock未知系统错误-102
相关文章
Related 相关文章
- 1
如何在Flutter中实现自定义窗口？
- 2
如何在Flutter中针对不同屏幕尺寸在自定义类中设置应用栏的高度？
- 3
如何在状态栏中的通知顶部添加自定义布局？
- 4
如何在Flutter中向ListTile添加自定义波纹效果颜色
- 5
如何在主布局中显示自定义布局？
- 6
如何在Flutter中制作自定义底部导航栏
- 7
如何在Windows 8中设置自定义应用栏按钮图标
- 8
如何在状态栏中添加自定义应用程序？
- 9
如何在Azure移动应用中实现自定义身份验证
- 10
如何在 Ruby on Rails 应用程序中实现自定义 css？
- 11
如何在C# UWP应用中实现自定义缓存
- 12
iOS上的自定义可滚动标签栏
- 13
如何实现类似自定义搜寻栏的类似水平滚动小部件？
- 14
如何在Windows中删除自定义键盘布局？
- 15
如何在导航抽屉中居中自定义布局？
- 16
如何在Android中使用自定义布局处理操作栏中的项目和标签事件？
- 17
如何在swiftui中自定义导航栏
- 18
如何使用FlutterFragment和自定义入口点将Flutter布局嵌入Android应用程序中？
- 19
如何在C ++中实现自定义std集合？
- 20
如何在sbt中实现自定义监视任务？
- 21
如何在ItemsControl中实现自定义内联搜索？
- 22
如何在Android中实现自定义堆栈视图？
- 23
如何在backand的自定义查询中实现分页
- 24
如何在keras中实现自定义指标？
- 25
如何在SwiftUI中实现自定义日历？
- 26
如何在Blazor中实现自定义验证
- 27
如何在自定义DataGenerator中实现重新缩放？
- 28
如何在React中实现自定义光标组件
- 29
如何在Java中实现自定义日期格式？
我来说两句