flutter的ShaderMask和BlendMode一些好玩的demo

Demo 代码github.com/wuweijian19…

透明文字文字效果

ShaderMask(
  blendMode: BlendMode.srcOut,
  shaderCallback: (bounds) {
    return LinearGradient(
      colors: [Colors.black, Colors.black],
    ).createShader(bounds);
  },
  child: Container(
    width: double.infinity,
    height: 50,
    color: Colors.transparent,
    alignment: Alignment.center,
    child: Text(
      'Hello World',
      style: Theme.of(context).textTheme.headline4.copyWith(
            color: Colors.white,
          ),
    ),
  ),
)

渐变文字效果

歌词效果

这里是有动画效果的,有类似歌词滚动效果.