Flutter 文本颜色主题在 ListTile 标题下不起作用

Sha*_*dow 4 dart flutter

我刚开始使用 Flutter,只是在尝试一些东西。我设置了一个自定义主题,但是 ListTile 的 title 属性下的 Text Widgets 没有获得正确的颜色。此外,领先属性下的图标也没有正确的颜色。

我尝试设置一些其他颜色,并整理出问题仅存在于该元素中。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MyApp',
      theme: ThemeData(
          primaryColor: Colors.black,
          scaffoldBackgroundColor: Color(0xff202020),
          cardTheme: CardTheme(color: Colors.black),
          textTheme: TextTheme(
              body1: TextStyle(color: Colors.white),
              subtitle: TextStyle(color: Colors.white),
              headline: TextStyle(color: Colors.white)),
          iconTheme: IconThemeData(color: Colors.white)),
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  HomePageState createState() => new HomePageState();
}

class HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("HomePage"),
          leading: IconButton(
              icon: Icon(Icons.arrow_back_ios),
              tooltip: "back to the last page.",
              onPressed: () {
                Navigator.pop(context);
              })
        ),
        body: Card(
          child: ListTile(
            title: Text("Test"),
            leading: new Icon(Icons.devices)
            ),
        ));
  }
}
Run Code Online (Sandbox Code Playgroud)

标题的文本应与图标一样显示为白色,而不是黑色。所有其他文本都是白色的。

dan*_*duc 9

标题ListTile使用小标题 文本样式主题。所以如果你想配置的颜色ListTileThemeData你需要改变小标题

textTheme: TextTheme(
          subhead: TextStyle(color: Colors.white),
          ...)
Run Code Online (Sandbox Code Playgroud)

  • @dangngocduc subhead 在 flutter 2.5.2 中不再可用,所以我尝试了一切 TextTheme 仍然没有任何想法,请 (7认同)