dual_tone_text_codespark 0.0.4
dual_tone_text_codespark: ^0.0.4 copied to clipboard
A Flutter package to render text with sharp dual-tone color splits—vertical, horizontal, or radial. Great for stylish titles and headers.
example/lib/main.dart
import 'package:dual_tone_text_codespark/dual_tone_text_codespark.dart';
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.black,
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
DualToneText(
text: const Text(
'WELCOME',
style: TextStyle(
fontSize: 60,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
bottomColor: Colors.orange,
splitPercentage: 0.5,
),
const SizedBox(height: 40),
RadialSplitText(
text: const Text(
'WELCOME',
style: TextStyle(
fontSize: 60,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
outerColor: Colors.red,
radiusCutoff: 0.4,
),
],
),
),
),
);
}
}