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的高校摄影爱好者交流网站设计与实现

更多资讯

PS图层蒙版与剪贴蒙版：黑白灰原理、局部调色与排查实战

OpenClaw智能开发工具链：模块化架构与AI协同实践

PS图层蒙版与剪贴蒙版：从灰度原理到合成调色实战

Procreate艺术笔刷包：30种风格笔刷参数与制作流程

ADE：智能体开发的基础设施重构与Control Plane实践

DWVD与MCNN-BiGRU在工业故障诊断中的应用

今日更新

学生选课系统DFD图绘制指南：边界划分与分层校验实战

JIRA敏捷落地：Scrum角色权限、Sprint与燃尽图避坑指南

SEMI S8人机工程验收实战：从条款拆解到现场实测的完整指南

本周精选

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

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