如何在不隐藏项的一部分的情况下向ListView的项中添加一些填充?

时间:2019-11-02 20:44:28

标签: listview flutter

我有一个呈现行的ListView。我想在行之间留一些空间,但是一旦添加一些填充部分,填充就会使行的一部分不可见。

我该怎么做才能在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
                    )
                )
            ]
          )
      );
  }
}

enter image description here

1 个答案:

答案 0 :(得分:1)

删除itemExtent: 30,可能会解决问题