小编b k*_*b k的帖子

如何在 Flutter 中让 ListView 中的项目覆盖整个屏幕

我想要一个具有固定数量项目的可滚动视图。第一个项目应覆盖父容器,然后用户可以向下滚动以查看其余项目。

我尝试将 Expanded 添加到第一项,但出现白屏

  ListView(
    children: <Widget>[
      Expanded(child: MainInfo(),),
      Divider(height: 2, color: Colors.black,),    
      MainInfo(),    
      Divider(height: 2, color: Colors.black,),    
      MainInfo(),  
      Divider(height: 2, color: Colors.black,),    
      MainInfo(),  
      Divider(height: 2, color: Colors.black,),    
      MainInfo(),   
    ],
  ),
Run Code Online (Sandbox Code Playgroud)

我应该使用 ListView 还是 SingleChildScrollView (也不适用于 Expanded)?

flutter flutter-layout flutter-listview

7
推荐指数
1
解决办法
8318
查看次数

如何将列宽设置为其子行中最长的列宽?

我有一列,它的所有子项都是单词行(文本小部件),每行都有 MainAxisAlignment.spaceBetween 的主要对齐方式。我想将列的宽度设置为子项之间最长的行,其他行将相应地更改之间的间距。

我的代码:

Container(
  color: Colors.green,
  child: Column(
  children: [
    Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text('A', style: Theme.of(context).textTheme.headline4), 
        Text('B', style: Theme.of(context).textTheme.headline4),
        Text('C', style: Theme.of(context).textTheme.headline4)
      ]),
     Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text('A', style: Theme.of(context).textTheme.headline4), 
        Text('B', style: Theme.of(context).textTheme.headline4),
        Text('C', style: Theme.of(context).textTheme.headline4),
        Text('D', style: Theme.of(context).textTheme.headline4),
        Text('E', style: Theme.of(context).textTheme.headline4),
      ]),
  ]))
Run Code Online (Sandbox Code Playgroud)

预期结果: 在此输入图像描述

实际结果:在此输入图像描述

假设我无法在容器中将其设置为固定宽度,如何将列宽(动态)设置为最长的行?

flutter flutter-layout

2
推荐指数
1
解决办法
366
查看次数

标签 统计

flutter ×2

flutter-layout ×2

flutter-listview ×1