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以獲得更好的體驗。