simple_gradient_text 1.3.0 simple_gradient_text: ^1.3.0 copied to clipboard
Create fast and simple gradient texts, whether linear or radial, you just decide the colors and the text to display, very easy.
import 'package:flutter/material.dart';
import 'package:simple_gradient_text/simple_gradient_text.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Gradient Text',
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
GradientText(
'Gradient Text Example',
style: const TextStyle(
fontSize: 40.0,
),
colors: const [
Colors.blue,
Colors.red,
Colors.teal,
],
),
// This is a example for RadialGradient
// Use Radius when use radial gradient text
GradientText(
'Gradient Text Example',
style: const TextStyle(
fontSize: 40.0,
),
gradientType: GradientType.radial,
radius: 2.5,
colors: const [
Colors.blue,
Colors.red,
Colors.teal,
],
),
],
),
),
),
);
}
}