Flutter Widgets 之 ShaderMask

原创

老孟Flutter

修改于 2020-03-02 07:27:47

5400

修改于 2020-03-02 07:27:47

文章被收录于专栏：Flutter

ShaderMask可以让我们将Shader用于任何一个控件上，比如在Text上使用渐变就可以使用ShaderMask来实现：

ShaderMask(

      shaderCallback: (Rect bounds) {

        return RadialGradient(

          center: Alignment.topLeft,

          radius: 1.0,

          colors: <Color>[Colors.yellow, Colors.deepOrange],

          tileMode: TileMode.mirror,

        ).createShader(bounds);

      },

      blendMode: BlendMode.srcATop,

      child: Text('老孟，一枚有态度的程序员',style: TextStyle(fontSize: 30),),

    )

效果：