Flutter---ListView中放添加按钮-北京尧图网络

效果图关键代码Widget buildListView(){ return ListView.separated( separatorBuilder: (context,index) const SizedBox.shrink(), itemCount: fruits.length 1, itemBuilder: (context,index){ if(index fruits.length){ //根据下标选择生成不同的UI return _buildAddButton(); } if(index fruits.length){ return _buildListItem(name: fruits[index]); } } ); }代码实例import package:flutter/material.dart; class DemoPage extends StatefulWidget { const DemoPage({super.key}); override StateDemoPage createState() _DemoPageState(); } class _DemoPageState extends StateDemoPage { ListString fruits [apple,pear,banana,strawberry]; override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.blue.shade50, appBar: AppBar( leading: IconButton(onPressed: (){ Navigator.pop(context); }, icon: Icon(Icons.arrow_back_ios)), ), body: Container( height: double.infinity, width: double.infinity, margin: EdgeInsets.symmetric(vertical: 40), //color: Colors.pink, child:buildListView(), ) ); } Widget buildListView(){ return ListView.separated( separatorBuilder: (context,index) const SizedBox.shrink(), itemCount: fruits.length 1, itemBuilder: (context,index){ if(index fruits.length){ return _buildAddButton(); } if(index fruits.length){ return _buildListItem(name: fruits[index]); } } ); } Widget _buildListItem({ required String name }){ return Container( height: 50, margin: EdgeInsets.symmetric(horizontal: 20,vertical: 5), decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(20) ), child: Center( child: Text(name,style: TextStyle(color: Colors.white),), ), ); } Widget _buildAddButton(){ return GestureDetector( onTap: (){ setState(() { fruits.add(new fruit); }); }, child: Container( height: 60, width: 60, decoration: BoxDecoration( color: Colors.blue, shape: BoxShape.circle ), child: Center( child: Text(添加,style: TextStyle(color: Colors.red),), ), ), ); } }

Flutter---ListView中放添加按钮

相关推荐

Transformer架构解析：从自注意力到工程实践

【浙江农林大学暨阳学院本科毕业论文】基于SpringBoot家具商城微信小程序的设计与实现

【新余学院本科毕业设计】基于SprinBoot的高校摄影爱好者交流网站设计与实现

更多资讯

MLflow MlflowClient 完整实战指南：以 CRUD 方式统一管理 Experiments、Runs、模型注册表与 Traces

X射线检测揭秘DC-DC电源模块内部结构与失效隐患

电商数据目录技术：破解PB级数据治理难题

JAVA毕业设计-基于 SpringBoot 的健身房管理系统设计与实现基于 SpringBoot 框架的健身房管理系统(源码+LW+部署文档+全bao+远程调试+代码讲解等)

企业电脑监控软件免费试用避坑指南：从部署到卸载的选型实测

9款AI写论文哪个好？我花了三个月实测，结论可能和你想的不一样

今日更新

CopilotKit Vue Demo 与 React Demo 的 Parity 实现指南：路由、运行时端点与交互语义的全框架对齐

Harbor RBAC 实战：db_auth 模式下非管理员用户管理项目成员的完整验证与权限模型解析

STM32平衡车纯平衡程序从拆包到参数整定的完整调试指南

本周精选

超人会飞不算本事：系统稳定依赖清晰规则与边界设计

超人VS蜘蛛侠：拆解超级IP的影响力与传播方法论

基于CNN的调制信号识别：MATLAB实现时频图分类实战

本月热门

基于YOLO的焊缝缺陷检测：从数据标注到工业部署全流程实践

分布式服务的决策记录

创业产品的首版范围

读完文章，想聊聊您的网站？