Flutter Material 3更改了颜色和字体

4dbbbstv  于 2023-01-31  发布在  Flutter
关注(0)|答案(1)|浏览(252)

所以我决定在Flutter中给予材质3,它改变了很多颜色和字体等。
我知道有些东西看起来会有所不同,比如卡片上的圆角会更圆,但我没想到所有的字体和卡片颜色都会改变,我只是在下面的代码中添加了useMaterial3: true,

child: MaterialApp(
          debugShowCheckedModeBanner: false,
          routes: appRoutes,
          theme: ThemeData(
            useMaterial3: true,
            scaffoldBackgroundColor: const Color(0xFF2b8293),
          ),
          home: const CheckLogin(),
        ),

以下是前后图片变化的示例:

无论如何要更改默认的卡颜色和标题字体,这样我就不必在应用程序中的每个视图中逐一更改它们?
同样奇怪的是,看到垂直的3点图标变得黑暗,而搜索图标没有。谢谢!

ncgqoxb0

ncgqoxb01#

您可以覆盖materialApp上的默认主题。

theme: ThemeData(
  useMaterial3: true,
  scaffoldBackgroundColor: const Color(0xFF2b8293),
  appBarTheme: AppBarTheme(
    titleTextStyle: TextStyle(...),
    iconTheme: IconThemeData(
      ...
    )
  )
),

相关问题