博客给出了设置SliverAppBar高度的代码示例。通过设置expandedHeight属性为200.0来确定其高度，还设置了背景填充、浮动效果和标题等，同时搭配SliverList展示内容。
class _MyHomeState extends State with SingleTickerProviderStateMixin {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers: [
SliverAppBar(
// SliverAppBar高度
expandedHeight: 200.0,
// 背景填充
flexibleSpace: FlexibleSpaceBar(
background: Image.network(
'https://s2.ax1x.com/2019/05/08/E6hGEn.md.jpg',
fit: BoxFit.fill,
),
),
// 只要手指向下滑动，就弹出SliverAppBar
floating: true,
// title
title: Text('SliverAppBar'),
),
SliverList(
delegate: SliverChildListDelegate([
Container(
height: 300,
margin: EdgeInsets.only(bottom: 6.0),
decoration: BoxDecoration(color: Colors.red),
),
Container(
height: 300,
margin: EdgeInsets.only(bottom: 6.0),
decoration: BoxDecoration(color: Colors.green),
),
Container(
height: 300,
margin: EdgeInsets.only(bottom: 6.0),
decoration: BoxDecoration(color: Colors.blue),
),
Container(
height: 300,
margin: EdgeInsets.only(bottom: 6.0),
decoration: BoxDecoration(color: Colors.purple),
),
]),
),
],
),
);
}
}
原文：https://www.cnblogs.com/ajanuw/p/10923929.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
