Moh*_*har 9 listview dart flutter flutter-layout
我只是在做一些颤振的演示,我喜欢这样做,在列表视图中,我不知道如何删除行之间的空间
我的代码很简单,这是我返回到我的布局的小部件
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())
],
),
),
);
Run Code Online (Sandbox Code Playgroud)
}
这是列表视图
ListView getListView() =>
new ListView.builder(
itemCount: widgets.length,
itemBuilder: (BuildContext context, int position) {
return getRow(position);
});
Run Code Online (Sandbox Code Playgroud)
这是我使用卡片视图的行
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: () { /* ... */ },
),
],
),
),
],
),
)
);
}
Run Code Online (Sandbox Code Playgroud)
帮我。
您在卡片之间获得的空间来自getRow()方法。
只需更新您的
new Padding(padding: new EdgeInsets.all(10.0),
Run Code Online (Sandbox Code Playgroud)
到
new Padding(padding: new EdgeInsets.all(1.0),
Run Code Online (Sandbox Code Playgroud)
并看到变化。
如果你不想中间有任何空格,你可以直接 return Card();
| 归档时间: |
|
| 查看次数: |
19283 次 |
| 最近记录: |