如何在Flutter中屏蔽带有图像的文本？

问题描述

你好，有人知道我可以如何遮盖文字和照片吗？我的图像已经在屏幕上显示了文字。例如：我的文字是Lion，这些狮子的照片在它的后面。我如何像在Photoshop中一样制作面具？

例如，查看这张照片：

解决方法

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

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

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

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

• Is there a way to show image inside text in flutter
• texture (image) on text in flutter