flutter - 具有不等权重元素的行

Question

我有一行横跨屏幕的宽度，并且包含三个按钮和一个等距的文本(flex = 1)。我希望文本与屏幕中心对齐，按钮与两端对齐。这可能吗？

Answer 1

To cause a child to expand to fill the available space in the direction of this widget's main axis, wrap the child in an Expanded widget.

所以你可以尝试Expanded并声明Flex在第二个扩展小部件中。

解决方案

          Row(
            children: <Widget>[
              Expanded(child: Container(padding: EdgeInsets.all(16),color: Colors.red,child: Text("text 1"))),
              Expanded(flex: 3,child: Container(padding: EdgeInsets.all(16),color: Colors.blue,child: Text("text 2"))),
              Expanded(child: Container(padding: EdgeInsets.all(16),color: Colors.yellow,child: Text("text 3"))),
              Expanded(child: Container(padding: EdgeInsets.all(16),color: Colors.green,child: Text("text 4"))),
            ],
          ),

输出: