Flutter 中的 SliverAppBar 小部件:全面指南
SliverAppBar 是 Flutter 中用于创建可滚动的应用栏,它通常在 CustomScrollView 中使用,并且可以包含一个导航栏、标题、操作按钮、TabBar、以及一个用于展示内容的 flexibleSpace。
以下是一个简单的 SliverAppBar 使用示例:
CustomScrollView(
slivers: <Widget>[
SliverAppBar(
pinned: true,
expandedHeight: 200.0,
flexibleSpace: const FlexibleSpaceBar(
title: Text('SliverAppBar Example'),
),
actions: <Widget>[
IconButton(
icon: const Icon(Icons.settings),
onPressed: () {},
),
],
),
// 其他 Sliver 小部件...
],
)
在这个例子中,SliverAppBar 被设置为 pinned,这意味着在滚动时它会保持在顶部。expandedHeight
属性设置了 SliverAppBar 的扩展高度。flexibleSpace
属性允许我们设置一个在 SliverAppBar 扩展时显示的布局。actions
属性用于添加一个操作按钮列表到应用栏的右侧。
评论已关闭