flutter - 为什么 textbutton 不符合 ROW 中的普通文本

Question

我有一排有 2 个儿童 spaceBetween ，第一个是普通文本，第二个是 textbutton 但 textbutton 不符合文本为什么？

Row(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                    children:[
                                        Text("Instructions:", style: new TextStyle(color: Colors.grey[600], fontSize: 11),),
                                        TextButton(
                                            style: TextButton.styleFrom(
                                                padding: EdgeInsets.zero,
                                                minimumSize: Size(0, 0),
                                            ),
                                            child: Icon(Icons.edit, color: Colors.grey[600], size: 15,),
                                            onPressed: (){},
                                        )
                                    ]
                                ),

标签： flutter

Answer 1

实际上，文本“Istructions:”和带有图标的 TextButton 是正确对齐的。但是这个按钮占用了很多垂直空间，正如你从这个截图中看到的那样：

我建议你2个解决方案>

您可以设置crossAxisAlignment: CrossAxisAlignment.center为行。这样，文本将与 Button 垂直对齐。

否则，您可以调整按钮的大小以减少高度。