Skip to content

Instantly share code, notes, and snippets.

@jogboms
Forked from mjohnsullivan/icon_gradient.dart
Created November 26, 2019 18:54
Show Gist options
  • Save jogboms/7adb153403c0f1f28b813d218f42963a to your computer and use it in GitHub Desktop.
Save jogboms/7adb153403c0f1f28b813d218f42963a to your computer and use it in GitHub Desktop.
Apply a color gradient to an icon in Flutter
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,
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment