flutter - 消除小部件之间的间隙

标签 flutter dart flutter-layout

我想缩小列表之间的距离,但是它不起作用。我唯一的选择是扩大差距:Sizedbox,spacer,divider

screenshot of my problem

码:

body: Container(
        child: Column(
          children: <Widget>[
            _mainList(Icon(Icons.cached), "Erste", "21:13 pm"),
            _mainList(Icon(Icons.cached), "Zweite", "21:13 pm"),
            _mainList(Icon(Icons.cached), "Dritte", "21:13 pm"),
            _mainList(Icon(Icons.cached), "Vierte", "21:13 pm"),
          ]
        )
  )



  Widget _mainList(Icon symbol, String name, String time){
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 30),
      child: ListTile(
        leading: symbol,
        title: Text(name, textScaleFactor: 1.2),
        trailing: Text(time, textScaleFactor: 1.3),
      ),
    );
  }

最佳答案

class MyWidget extends StatelessWidget {
  final List<String> _names = ["Erste","Zweite","Dritte","Vierte"];
  final List<String> _dates = ["21:13 pm","21:13 pm","21:13 pm","21:13 pm"];
  @override
  Widget build(BuildContext context) {
    return Container(
        child: ListView.builder(
          shrinkWrap: true,
          itemBuilder: (BuildContext context, int index){
            return ListTile(
            contentPadding: EdgeInsets.symmetric(vertical:0.0),
            title: Text(_names[index]),
            leading: Icon(Icons.cached),
            trailing: Text(_dates[index]),
            );
          }
        )
    );
  }
}

关于flutter - 消除小部件之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60320443/

相关文章:

flutter - 如何在flutter中获取showModalBottomSheet的onDismiss回调?

ios - iOS 的 Flutter 风格在运行时会出现 SharedPreference 错误

Flutter - 三元运算符中的小部件类

android - 无法找到Flutter项目的lint-gradle-api-26.1.2.jar

flutter 设计曲线布局

各种移动设备上的 Flutter 响应问题

dart - Flutter - 关闭小部件时 BLoC 流实例会导致内存泄漏吗?

Dart:将派生类的比较运算符委托(delegate)给基类的比较运算符

dart - 是否可以在Dart中为函数的参数设置默认值?

flutter - 如何在 flutter 中不分割地显示 slider 标签