如何根据容器背景颜色更改文本颜色？答案

【问题标题】：How to change the text color based on container background color?如何根据容器背景颜色更改文本颜色？
【发布时间】：2022-10-18 10:31:34
【问题描述】：

我有一个带有渐变背景颜色和一些文本的容器。我在容器末尾显示百分比。根据百分比，应从左到右应用绿色。当百分比达到 100% 时，整个容器将变为绿色。

现在我想知道如何实现文本颜色变为白色，容器颜色变为绿色，反之亦然。

笔记：容器中的文本和百分比来自 API。

我在下面附上了图片以供参考。

Image 1 Image 2

【问题讨论】：

你成功了吗？

标签： flutter widget gradient background-color text-coloring

【解决方案1】：

在你的情况下，我认为你可以使用这样的东西：

 Text(
                'text message',
                style: TextStyle(                   
                    color: ThemeData.estimateBrightnessForColor(_bgColor) ==
                            Brightness.light
                        ? Colors.green
                        : Colors.white),
              ),

如需完整指南，请尝试此documentation

【讨论】：

它只适用于所有文本吗？如果它是 50%，我假设视图应该像“lorem ips”是白色的，“um dolor”应该是绿色的。那是让我大吃一惊的部分。它提供了吗？
它有效，但这取决于进度条的制作方式
@Mahdi 你能给我一些例子吗？就像是aoiTenshi说。容器颜色根据百分比变化。所以文本颜色应该根据容器颜色而变化。但是，您给出的答案会改变整个文本的颜色。抱歉，我好像没有解释清楚。我将编辑解释。

【解决方案2】：

你好@Flutter 你做到了吗？

【讨论】：

这没有提供问题的答案。您可以search for similar questions，或参考页面右侧的相关和链接问题找到答案。如果您有一个相关但不同的问题，ask a new question，并包含指向此问题的链接以帮助提供上下文。见：Ask questions, get answers, no distractions