Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在flutter中为ListView的项目添加一些填充,而不隐藏部分项目?_Listview_Flutter - Fatal编程技术网

如何在flutter中为ListView的项目添加一些填充,而不隐藏部分项目?

如何在flutter中为ListView的项目添加一些填充,而不隐藏部分项目?,listview,flutter,Listview,Flutter,我有一个显示行的列表视图。我想在行之间留出一些空间,但只要添加一些填充部分,填充就会使行的一部分不可见 如何在ListView的项目之间留出一些空间 class HomePage extends StatefulWidget { HomePage({Key key, this.title}) : super(key: key); final String title; @override _HomePageState createState() => _HomePageS

我有一个显示行的列表视图。我想在行之间留出一些空间,但只要添加一些填充部分,填充就会使行的一部分不可见

如何在ListView的项目之间留出一些空间

class HomePage extends StatefulWidget {
  HomePage({Key key, this.title}) : super(key: key);

  final String title;
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

  var wateringPeriods = new List<WateringPeriod>();
  initState() {
      super.initState();

      _getWateringPeriods();
    }

  Widget _listItemBuilder(BuildContext context, int index)
  {
    return Padding(
      padding: const EdgeInsets.all(6.0),
      child: Row 
      (
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
          Text( "some Text"),
          Text("some othe Text"),
          IconButton(
            icon: Icon(Icons.delete),
            color: Colors.blue,
            onPressed: () {
              print("filled background");
              }
            )
        ]
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: 
         Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[   
                Expanded(
                  child:ListView.builder(
                  itemCount:wateringPeriods.length,
                    itemExtent:30,
                    itemBuilder: _listItemBuilder
                    )
                )
            ]
          )
      );
  }
}
类主页扩展StatefulWidget{
主页({Key,this.title}):超级(Key:Key);
最后的字符串标题;
@凌驾
_HomePageState createState()=>\u HomePageState();
}
类_HomePageState扩展状态{
var wateringPeriods=新列表();
initState(){
super.initState();
_getWateringPeriods();
}
Widget\u listItemBuilder(BuildContext上下文,int索引)
{
返回填充(
填充:常数边集全部(6.0),
孩子:排
(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
文本(“某些文本”),
文本(“其他文本”),
图标按钮(
图标:图标(Icons.delete),
颜色:颜色,蓝色,
已按下:(){
打印(“填充背景”);
}
)
]
),
);
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(widget.title),
),
正文:
纵队(
crossAxisAlignment:crossAxisAlignment.start,
mainAxisSize:mainAxisSize.min,
儿童:[
扩大(
子项:ListView.builder(
itemCount:wateringPeriods.length,
项目范围:30,
itemBuilder:\u listItemBuilder
)
)
]
)
);
}
}

删除
itemExtent:30,
可能解决了这个问题

只是想澄清一下,您希望列表中的每个项目之间有一定的间距,还是一行中的小部件之间有一定的间距?列表项之间需要一定的间距