时间戳

首页 > 解决方案 > 如何在 Flutter 中用图像掩盖文本？

image - 如何在 Flutter 中用图像掩盖文本？

问题描述

您好，有谁知道我如何在颤动中掩盖文字和照片？我已经在屏幕上显示了带有文本的图像。例如：我的文字是狮子，后面是我的这些狮子的照片。我怎样才能像在 Photoshop 中一样制作面具？

例如看这张照片：文字和照片蒙版

标签： imageflutterdarttextmasking

解决方案

我不确定这是否能回答你的问题。这是文本遮罩的简单版本，但此 MIN REPRO 示例显示遮罩渐变颜色，而不是遮罩图像：

 ShaderMask(
                        shaderCallback: (bounds) => RadialGradient(
                          colors: [
                            Colors.red,
                            Colors.green,
                          ],
                        ).createShader(bounds),
                        child: const Text('exclusive'),
                      ),

不幸的是，截至本文撰写之时ShaderMask，iOS/Android 的在线网络尚不支持。在此处查看更多信息：https ://github.com/flutter/flutter/issues/44152

您可能会发现这些答案很有用（同样，它们可能在网络上不受支持，但我不知道其他解决方案）：

推荐阅读