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),), ), ), ); } }