如何在同一级别上对齐 TextField 和 Text

Question

我正在尝试使用 Row 对齐水平底部 1 Text 和 1 TextField 值，但 TextField 值始终高于左侧 Text。

即使字体大小更大，是否可以对齐水平底部 Text 和 TextField 值？

这是我的代码和screenshot：

body: Column(  
            children: <Widget>[
                    Row(
                    children: <Widget>[
                        Text('Number 1 : '),
                        Expanded(
                            child:
                            TextField(
                                textAlign: TextAlign.start,
                                textAlignVertical: TextAlignVertical.bottom,
                                textCapitalization: TextCapitalization.sentences,
                                maxLength: 10,
                            ),
                        ),  

                    ]),

                ],
            )

Answer 1

您应该为 Row 设置 textBaseline 和 crossAxisAlignment。

Row(
    crossAxisAlignment: CrossAxisAlignment.baseline, // <--
    textBaseline: TextBaseline.alphabetic, // <--
    children: <Widget>[
        Text('Number 1 : '),
    ...

看起来像这样