Como posso mascarar um texto com imagem no Flutter?

Question

Olá, alguém sabe como posso mascarar um texto e uma foto em vibração? Já tenho minha imagem com texto na tela. Por exemplo: meu texto seria Leão e minha foto desses leões está atrás dele. Como posso fazer uma máscara como você faz no photoshop?

Veja esta foto por exemplo:

Answer 1

Não tenho certeza se isso responde a sua pergunta. É uma versão simples de mascaramento de texto, mas em vez de mascarar uma imagem, este MIN REPRO EXEMPLO mostra cores gradientes de mascaramento:

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

Infelizmente, até o ShaderMaskmomento ainda não há suporte para web online para iOS / Android. Confira mais aqui:https://github.com/flutter/flutter/issues/44152

Você pode achar essas respostas úteis (mais uma vez, elas podem não ser suportadas na web ainda, não sei sobre outras soluções):

• Existe uma maneira de mostrar a imagem dentro do texto em vibração
• textura (imagem) no texto tremulante