web-dev-qa-db-ja.com

Flutter：リストビューの行間のスペースを削除する方法

私はフラッターのいくつかのデモを行っています、それを行うのが大好きです、リストビューで、行間のスペースを削除する方法を見つけることができません

enter image description here

私のコードはかなりシンプルです、これはウィジェットで、レイアウトに戻ります

Widget _getWidget(BuildContext context) {
return new Material(
    child: new Container(
      padding: EdgeInsets.only(top: 20.0),
      color: Colors.blueGrey[500],
      child: new Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          _getHeader(context),
          new Expanded(child: getListView())
        ],
      ),
    ),
);

}

これはリストビューです

 ListView getListView() =>
      new ListView.builder(
          itemCount: widgets.length,
          itemBuilder: (BuildContext context, int position) {
            return getRow(position);
          });

これはカードビューを使う列です

 Widget getRow(int i) {
    return new Padding(padding: new EdgeInsets.all(10.0),
        child: new Card(
          child: new Column(
            children: <Widget>[
              new ListTile(
                title: new Text(
                    "Name : ${widgets[i].username}"
                ),
                subtitle: new Text(
                    "Decription : You may go now!!"
                ),
              ),
              new ButtonTheme.bar(
                child: new ButtonBar(
                  children: <Widget>[
                    new FlatButton(
                      child: const Text('Accept'),
                      onPressed: () { /* ... */ },
                    ),
                    new FlatButton(
                      child: const Text('Reject'),
                      onPressed: () { /* ... */ },
                    ),
                  ],
                ),
              ),
            ],
          ),
        )
    );
  }

助けて。

listviewdartflutterflutter-layout
6
Mohit Suthar

カード間で取得するスペースはgetRow（）メソッドからのものです。

更新するだけ

new Padding(padding: new EdgeInsets.all(10.0),

に

new Padding(padding: new EdgeInsets.all(1.0),

変化を見てください。

間にスペースを入れたくない場合は、直接Card（）;を返すことができます。

5
dhuma1981