flutter FlatButton内文字变成竖排 解决方法

Screen Shot 2020-07-24 at 10.09.55 AM.png

原因是由于FlatButton默认padding导致的。

给button加上padding: EdgeInsets.all(0)即可

var cancelButton = new FlatButton(
    onPressed: () {
      Navigator.pop(_pageContext);
    },
    padding: EdgeInsets.all(0),
    child: Text(
      "取消",
      style: TextStyle(
        fontSize: 20,
      ),
    ),
  );

Screen Shot 2020-07-24 at 10.12.06 AM.png