Flutter Row:左右对齐,共享剩余空间

时间:2019-05-30 02:55:09

标签: flutter flutter-layout

Here's an image of what I'd like to achieve。基本上,我希望左右窗口小部件尽可能多地增长,直到它们都需要包装为止,在这种情况下,每个窗口小部件应占用50%的空间。在大多数情况下,左或右窗口小部件之一仅足够长即可包装-很少同时使用。

我尝试了this questionthis question的一些建议,但是没有任何运气。

2 个答案:

答案 0 :(得分:1)

ListTile(
  title: Text("The quick brown fox jumps over the lazy dog", maxLines: 2),
  trailing: Text("The quick brown", maxLines: 2),
);

答案 1 :(得分:0)

尝试一下..您只需要使文本宽度灵活即可。.

Padding(
          padding: const EdgeInsets.all(8.0),
          child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
          Flexible(
              child: Text(
                  'tetesttesttesttesttesttesttesttesttesttesttesttesttesttestst')),
          SizedBox(
            width: 10,
          ),
          Flexible(
              child: Text(
                  'tetesttesttesttesttesttesttesttesttesttesttesttesttestteststtetesttesttesttesttesttesttesttesttesttesttesttesttesttestst'))
      ],
    ),
        )