Flutter AppBar 前导文本

Question

我想在我的 AppBar 中做前导：Icon(Icons.settings) to ==> Text('Settings'),

当我只做 leading: Text('Cancel', style: TextStyle(fontSize: 20)),

---

而且需要这样下去

基本上我想让前导是文本而不是图标，这可能吗？

Answer 1

通常您可以在AppBar 构造函数的leading 参数中放入您想要的任何小部件。 如果您想将Icon(Icons.settings) 换成Text('Settings')，就这样做！ 如果“设置”文本分为两部分，请通过设置适当的 leadingWidth 值对其进行调整。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
        title: 'Flutter Demo',
        theme: new ThemeData(
            primarySwatch: Colors.orange,
            accentColor: Colors.blue,
            textTheme: TextTheme(title: TextStyle(color: Colors.white))),
        home: Scaffold(
            appBar: AppBar(
          leadingWidth: 75, //TODO Adjust leading container width
          leading: Center(
              child: Text(
            'Settings',
            style: TextStyle(fontSize: 12, fontWeight: FontWeight.bold),
          )),
        )));
  }
}

我添加了Center 小部件和TextStyle 以获得更好的体验。