行内对齐

Question

我试图将这两个项目排成一行，我需要将文本固定在中间，将图标固定在“行”的右侧，但是它不起作用。

Here是现在的样子

这是当前代码

Row(
   mainAxisAlignment: MainAxisAlignment.center,
   children: <Widget>[
     myText(text, FontWeight.w700, Colors.white),
     Icon(Icons.arrow_drop_down,color: Colors.white),  
   ],
 );

Answer 1

此Medium post是Flutter中布局的备忘单。在展开段落下，说明了名为flex的属性。

试用flex，但是这个例子应该可以帮助您：

Row(
  children: <Widget>[
    Expanded(
      child: Container(),
      flex: 1,
    ),
    Expanded(
      child: myText(text, FontWeight.w700, Colors.white),
      flex: 2,
    ),
    Expanded(
      child: Icon(Icons.arrow_drop_down,color: Colors.white),  
      flex: 1,
    ),
  ],
),