user-interface - 可以在 Flutter 中将文本写入按钮

Question

我正在尝试制作这样的键盘

但是我得到了这个

我的每一个按钮都是

class PinyinButton extends StatelessWidget {

  final VoidCallback onPressed;

  final List<String> titles;

  PinyinButton({this.onPressed, this.titles});

  @override
  Widget build(BuildContext context) {
    return new SizedBox(
      width: 30.0,
      height: 60.0,
      child: new RaisedButton(onPressed: this.onPressed, child: new Column(
          children: titles.map((title) => new Text(title)).toList()
      ))
    );
  }
}

显然每个按钮或其他容器都有一些填充，这使得文本提前换行。如何删除此填充

Answer 1

不要使用RaisedButton。

RaisedButton 或 FlatButton 或 XXButton 只是关于按钮的视觉实现。

您在这里想要的是一个简单的onTap 回调，然后您自己定义您的设计。这是通过将 RaisedButton 替换为 GestureDetector(并将 onPressed 更改为 onTap)来完成的。