如何在升高的按钮上居中文本

如何解决如何在升高的按钮上居中文本

我正在尝试将文本居中放置在一个高架按钮上，但没有成功。代码如下：

ElevatedButton(
              style: ElevatedButton.styleFrom(                                  
                primary: Colors.blueAccent,// background
                textStyle: TextStyle(
                  
                  color: Colors.black,fontSize: 20,fontWeight: FontWeight.bold,height: 2.8,),child: Text(
                "Add",onpressed: _addTodo,

解决方法

用中心小部件包裹文本。 所以而不是这个：

child: Text(
            "Add",),

这样做：

Center(
  child: Text(
            "Add",)),

,

从 height: 2.8 中移除 style 并用 ElevatedButton 包裹 SizedBox 并给出期望的高度。

SizedBox(
      height: 50,child: ElevatedButton(
        style: ElevatedButton.styleFrom(
          primary: Colors.blueAccent,// background
          textStyle: TextStyle(
            color: Colors.black,fontSize: 20,fontWeight: FontWeight.bold,child: Text("Add"),onPressed: _addToDo,);