一统天下 flutter - widget Sliver: NestedScrollView - 为可滚动组件提供 sliver 效果
一统天下 flutter - widget Sliver: NestedScrollView - 为可滚动组件提供 sliver 效果
示例如下:
lib\widget\sliver\nested_scroll_view.dart
/*
* NestedScrollView - 为可滚动组件提供 sliver 效果
*/
import 'package:flutter/material.dart';
import '../../helper.dart';
class NestedScrollViewDemo extends StatefulWidget {
const NestedScrollViewDemo({Key? key}) : super(key: key);
@override
_NestedScrollViewDemoState createState() => _NestedScrollViewDemoState();
}
class _NestedScrollViewDemoState extends State<NestedScrollViewDemo> {
@override
Widget build(BuildContext context) {
return Scaffold(
/// NestedScrollView - 为可滚动组件提供 sliver 效果
body: NestedScrollView(
/// 用于构造 slivers
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return [
SliverAppBar(
title: const Text('title'),
expandedHeight: 200,
flexibleSpace: FlexibleSpaceBar(
background: Image.asset('assets/son.jpg',fit: BoxFit.cover,),
),
pinned: true,
),
];
},
/// 一个可滚动组件
body: ListView.builder(
padding: EdgeInsets.zero,
itemCount: 20,
itemBuilder: (BuildContext context,int index) {
return Container(
height: 100,
color: Colors.primaries[index % Colors.primaries.length],
alignment: Alignment.center,
child: MyText('$index'),
);
},
),
),
);
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
2015-04-23 不可或缺 Windows Native (9) - C 语言: 动态分配内存,链表,位域
2009-04-23 稳扎稳打Silverlight(29) - 2.0Tip/Trick之Cookie, 自定义字体, 为程序传递参数, 自定义鼠标右键, 程序常用配置参数