在线直播系统源码,flutter 嵌套滑动实现
在线直播系统源码,flutter 嵌套滑动实现
1 | class HomePageState extends State<HomePage> {<br> @override <br> Widget build(BuildContext context) {<br> // TODO: implement build<br> return Scaffold(<br> <br> //Image.asset("images/u.png")<br> body: NestedScrollView(<br> headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {<br> return <Widget>[<br> SliverAppBar(<br> expandedHeight: 260,<br> pinned: true,<br> flexibleSpace: FlexibleSpaceBar(<br> collapseMode: CollapseMode.parallax,<br> titlePadding: EdgeInsets.only(left: 0),<br> title: buildTitle(),<br> background: Stack(<br> children: <Widget>[<br> <br> Positioned.fill(<br> child: Image.asset(<br> "images/u.png",<br> fit: BoxFit.cover,<br> )),<br> Positioned.fill(child: BlurUtils(singl: 20,)),<br> //Positioned(bottom:200,left: 0,right: 0,top: 20,child:Ziliao()),<br> Align(<br> alignment: Alignment.bottomCenter,<br> child: Ziliao(),<br> )<br> //bioa<br> <br> ],<br> )),<br> )<br> ];<br> },<br> body: ListView.builder(<br> itemCount: 20,<br> itemBuilder: (Context, index) {<br> return ListTile(<br> title: Text("${index}"),<br> );<br> }),<br> ));<br> }<br> <br> Widget buildTitle() {<br> return Container(<br> child: Container(<br> margin: EdgeInsets.fromLTRB(20, 0, 0, 50),<br> child: Row(<br> children: <Widget>[<br> ClipRRect(<br> borderRadius: BorderRadius.circular(23),<br> child: Image.asset(<br> "images/u.png",<br> width: 50,<br> height: 50,<br> ),<br> ),<br> Text("张三")<br> ],<br> ),<br> ),<br> );<br> }<br> <br> Widget Ziliao() {<br> return Container(<br> height: 60,<br> alignment: Alignment.center,<br> color: Colors.white,<br> child: Row(<br> <br> children: <Widget>[<br> titles(),<br> titles(),<br> titles(),<br> titles()<br> <br> ],<br> ),<br> );<br> }<br> Widget titles(){<br> return Expanded(child:<br> Column(<br> mainAxisAlignment: MainAxisAlignment.center,<br> children: <Widget>[<br> Text("3"),<br> Text("收藏")<br> ],<br> ));<br> }<br>} |
以上就是 在线直播系统源码,flutter 嵌套滑动实现,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现