【问题标题】:what is the perfect way to implement textStyle and colors in flutter?在颤动中实现 textStyle 和颜色的完美方法是什么?
【发布时间】:2021-03-22 18:48:24
【问题描述】:

我想以专业和集中的方式实现主题、样式和颜色,注意我支持深色主题,我看到了许多使用 themeData 的方法,但我需要一种根据外观模式支持不同颜色的方法

谢谢

【问题讨论】:

    标签: flutter styles themes


    【解决方案1】:

    没有单一的方法可以做到这一点。每个项目都可以以不同的方式实施此解决方案。我有一个例子,但在这种情况下,它取决于 flutter_modular 包。也许这会给你一个新的想法。

    return MaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.teal,
        secondaryHeaderColor: Colors.cyan,
        textTheme: Theme.of(context).textTheme.copyWith(
              bodyText2: Theme.of(context).textTheme.bodyText2.copyWith(
                    color: Colors.cyan,
                  ),
            ),
        fontFamily: GoogleFonts.roboto().fontFamily,
      ),
    ).modular();
    

    您可以使用条件来选择主题。

    【讨论】:

    • 非常感谢您的回答,我理解您所说的,但我正在考虑什么是完美的方法,我有两种模式和很多图标,它们的颜色会改变基于外观模式,我正在考虑创建 2 个类,第一个用于自定义主题,第二个包含所有其他颜色作为静态变量,用于 themeData 不支持的颜色,如图标颜色和容器颜色等。 .但我想知道在开始使用这种方法之前是否有更好的方法。
    • MaterialApp 有一个名为 darkTheme 的属性。
    • 是的,但是这个属性就像普通的主题探测器一样,它们不支持颜色,只有一些颜色,比如主要和次要,还有一些额外的颜色,但应用程序图标包含更多颜色,注意我使用图标作为字体真棒,这意味着我正在为每个图标着色
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-10-08
    • 1970-01-01
    • 2014-03-26
    • 2016-02-12
    • 1970-01-01
    • 2013-03-12
    • 2017-02-01
    相关资源
    最近更新 更多