import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Center( child: RadiantGradientMask( child: Icon( Icons.book, size: 250, color: Colors.white, ), ), ), ), ); } } class RadiantGradientMask extends StatelessWidget { RadiantGradientMask({this.child}); final Widget child; @override Widget build(BuildContext context) { return ShaderMask( shaderCallback: (bounds) => RadialGradient( center: Alignment.center, radius: 0.5, colors: [Colors.blue, Colors.red], tileMode: TileMode.mirror, ).createShader(bounds), child: child, ); } }
Apply a color gradient to an icon in Flutter

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.