Flutter中如何将TextField与列内其余元素顶部对齐

要让Weight TextField和右侧绿色列顶部对齐，同时保留原有宽度，只需修改Row的垂直对齐方式：

Row默认的crossAxisAlignment是CrossAxisAlignment.center，会把所有子元素垂直居中排列。将其改为CrossAxisAlignment.start，就能让所有子元素靠顶部对齐，同时Expanded的flex属性会维持各列的宽度比例。

修改后的完整代码：

Row(
  crossAxisAlignment: CrossAxisAlignment.start, // 添加顶部对齐配置
  children: [
    Expanded(
        flex: 1,
        child: Container(
          color: Colors.indigo,
          height: 50,
          child: const TextField(
            decoration: InputDecoration(
              labelText: 'Weight',
              border: OutlineInputBorder(),
            ),
          ),
        )),
    Expanded(
        flex: 3, child: Container(color: Colors.teal, height: 100)),
    Expanded(
      child: Container(
        height: 100,
        child: Column(
          children: [
            Row(children: [
              Text("test1", style: TextStyle(fontSize: 25)),
              Text("test1")
            ]),
            Row(children: [Text("test2"), Text("test2")])
          ],
        ),
      ),
    ),
  ],
),

内容的提问来源于stack exchange，提问作者kumar