问题标签 [flutter-theme]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
524 浏览

flutter - Flutter:如何在 Cupertino 主题中为材质小部件设置主题?

我有一个 Flutter 应用程序,它使用适用于 Android 的 Material 主题和适用于 iOS 的 Cupertino 主题。但是我Card在两个主题中都使用了小部件,它是一个 Material 小部件。现在我有以下代码main.dart

如您所见,小部件在 Material 中Card使用主题,但在 中没有对应的。所以在 iOS 上s 只使用他们的默认主题。cardThemeThemeDatacardThemeCupertinoThemeDataCard

那么如何像CardCupertino 主题一样为 Material 小部件设置主题?

0 投票
1 回答
77 浏览

flutter - 为什么在 Flutter 的 Chewie 视频中没有全屏应用更改主题?

我已将自定义主题数据应用于 Chewie 视频,它工作正常,但在全屏播放视频时不起作用,它只是返回默认主题

0 投票
0 回答
260 浏览

flutter - Flutter Applying font family from Theme in Main.dart 文件被应用。但是从自定义文件应用时相同,仅在应用栏上应用

我正在从外部主题文件中应用 Flutter 应用程序中的主题

字体详细信息已添加到 pubspec.yaml 文件中。

在方案 1 中,从自定义文件应用主题。问题是字体仅应用于 AppBar。不在应用程序的任何其他部分。

在场景二中,主题直接应用在 main.dart 文件中。该字体应用于所有小部件。没有其他变化。

有人可以帮忙吗。

方案 1

自定义主题文件

方案 1

方案 2

方案 2

0 投票
2 回答
35 浏览

flutter - 在这种情况下如何使用提供程序

我想创建一个更改应用程序主题模式,我看到了一种使用 Provider 创建它的方法,但我是 Provider 的新手。例如,我想添加一些这样的代码

高亮代码(突出显示的代码)

在我的主要由许多路线组成

我的主要

0 投票
1 回答
49 浏览

flutter - 如何设置 Switch 的 onChanged 值

我有一个切换应用程序主题的开关,但代码有一些错误

我的主题文件

开关错误:

开关错误

0 投票
0 回答
56 浏览

flutter - 如何通过 MaterialApp 的主题参数设置 SliverAppBar 的 Title 样式?

如果我想通过 MaterialApp 主题参数设置常规应用栏标题的样式,我会执行以下操作:

但是,我似乎无法弄清楚如何为 SliverAppBar 做同样的事情。我知道您可以简单地设置分配给 SliverAppBar 小部件中 title 参数的 Text 小部件的样式,但我正在尝试查看是否可以从应用程序的自定义主题中获得相同的结果。

0 投票
1 回答
139 浏览

flutter - 在主题中使用 dividerColor 不会产生彩色分隔线

我期望显示树中的小部件会受到dividerColor在 Flutter 中的主题上设置的影响。

我的小部件树中的高处是:

然而,当Divider()在我的子小部件内部使用时,颜色不存在。只有当我明确设置颜色时,它才会出现,如下所示:

我的理解是dividerColor没有指定颜色时会使用主题?

0 投票
1 回答
112 浏览

flutter - ButtonStyle 填充不同于容器填充

为什么 ButtonStyle 的属性在像素方面padding不等同于 Container 的属性?padding

我希望将 TextButton 和 Container 文本放在一起时对齐:

理论上,TextButton 和 Container 都采用了相同的填充量,但文本并没有对齐。请注意,Container 文本中的“S”与 TextButton 中的“M”不对齐,尽管它们具有相同的填充量:

在此处输入图像描述

请注意,列crossAxisAlignment已设置为“开始”,以便两个小部件都应与最左侧对齐。

我是否遗漏了有关 ButtonStylepadding属性的某些内容?


更新

我可以确认 iOS 和 Android 没有相同的问题。此问题似乎与 Web 和桌面 (macOS/Linux) 无关。我还没有测试过 Windows。

0 投票
1 回答
235 浏览

flutter - Flutter:如何在明暗模式下为文本按钮设置 2 种不同样式

我正在尝试创建类似这样的自定义主题数据。

我的要求是,我有两种不同的按钮样式(每种明暗模式各 2 种),如下所示。

2 个不同的轻主题按钮

对于深色主题

从我的代码中可以看出,对于明暗主题,我只能为按钮样式提供一种背景颜色。我无法在主题数据中设置额外的 textbuttontheme。如何在我的主题数据中设置这两种按钮样式?还是有任何其他方法可以处理浅色和深色主题的 2 种不同样式?

0 投票
1 回答
35 浏览

flutter - 使用 ThemeData 更改 TextFormField 的颜色

我想更改和 的颜色PrefixIcon以及suffixIcon光标的颜色,ThemeDataTextFormField获得焦点以与TextFormField的边框颜色匹配时。

在此处输入图像描述

我也想了解border,enabledBorder和之间的区别focusBorder。我浏览了文档,但无法理解。

提前感谢您的时间和帮助。