用户登录

SliverAppBar 的用法跟之前我们介绍的 AppBar 的用法差不多 .. AppBar 会一直固定的屏幕的顶部 .. SliverAppBar 可以配置它的一些滚动相关的行为 ..

在 CustomScrollView 的 slivers 属性里面,添加一个 SliverAppBar .. 先添加一个 title 属性,设置一个标题 .. NINGHAO ..

现在应用界面的顶部就会出现一个 SliverAppBar .. 滚动一下应用的界面 .. 这个 SliverAppBar 会随着滚动 ..

注意它还有一个渐进的动画效果 .. 标题文字会慢慢消失 ..

滚动到最上面的时候 .. 这个应用工具栏又会显示出来 ..

如果你想把它固定界面顶部的话 .. 可以把 SliverAppBar 的 pinned 属性的值设置成 true .. 再试一下 ... 向下滚动 .. 这个 SliverAppBar 会有一个阴影效果 .. 而且现在它会一直在顶部显示 ..

下面再试一下 floating ... 把这个属性的值设置成 true ..

向下滚动界面 ... 应用工具栏会随着滚动 .. 因为它的 pinned 的值现在是默认的 false ... 然后向上再滚动一点 .. 应用工具栏又会马上显示出来 .. 这个是因为我们把 floating 属性的值设置成了 true ..

SliverAppBar:应用工具栏《 Flutter 移动应用:Sliver 》

统计

10547
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点