颤振:将行减半

时间:2019-06-05 13:37:59

标签: flutter flutter-layout

我一直在忙于处理列表,而且一切都很好。我开始了解整个过程的逻辑。

现在我想做一个简单的布局,像这样: layout example

我的问题是我找不到找到第一行的方法。我试图告诉Row让其两个孩子多吃一半,但我并没有真正找到办法。 (里面的东西最终将是按钮。)我尝试了几件事都没有用。这是我从开始的布局:

try/except

我应该继续这样尝试还是应该尝试使用Row以外的其他对象来安排布局?

1 个答案:

答案 0 :(得分:2)

Expanded在这种情况下水平占用尽可能多的空间。这意味着,如果您在Expanded中使用2个Row小部件,则空间将被除以一半。

尝试一下:

Column(
    children: <Widget>[
      Row(
        children: <Widget>[
          Expanded(
            child: Text('first half'),
          ),
          Expanded(
            child: Text('second half'),
          ),
        ],
      ),
      Row(
        children: <Widget>[
          Expanded(
            child: Text('first half'),
          ),
          Expanded(
            child: Text('second half'),
          ),
        ],
      ),
      Row(
        children: <Widget>[
          Expanded(
            child: Text('full width'),
          )
        ],
      ),
    ],
  )

确保您了解有关Flutter小部件的更多信息,例如,观看此视频(以及该系列的其他视频): https://www.youtube.com/watch?v=_rnZaagadyo