dual_tone_text_codespark 0.0.2
dual_tone_text_codespark: ^0.0.2 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.
🖌️ dual_tone_text #
Render sharp dual-colored text in Flutter — vertically, horizontally, or radially split with solid cutoff (not gradient). Perfect for high-impact UIs, headers, or artistic effects.
✨ Fully null-safe and supports international text.
🚀 Features #
✅ Sharp vertical split (top/bottom)
✅ Solid horizontal split (left/right)
✅ Powerful radial center-out split
✅ No blending — hard color switch
✅ Custom percentage-based control
✅ Works with any Text
widget
✅ Designed for performance
🔧 Installation #
Add to your pubspec.yaml
:
dependencies:
dual_tone_text: ^0.0.1
Then run:
flutter pub get
🧪 Usage #
🔽 Vertical Split (Top–Bottom) #
DualToneText(
text: Text(
'WELCOME',
style: TextStyle(fontSize: 60, fontWeight: FontWeight.bold, color: Colors.black),
),
bottomColor: Colors.orange,
splitPercentage: 0.5, // Half black, half orange
splitType: SplitType.vertical,
)
➡ Horizontal Split (Left–Right) #
DualToneText(
text: Text(
'WELCOME',
style: TextStyle(fontSize: 60, fontWeight: FontWeight.bold, color: Colors.blue),
),
bottomColor: Colors.green,
splitPercentage: 0.6, // 60% blue (left), 40% green (right)
splitType: SplitType.horizontal,
)
🌀 Radial Split (Center Out) #
RadialSplitText(
text: Text(
'WELCOME',
style: TextStyle(fontSize: 60, fontWeight: FontWeight.bold, color: Colors.white),
),
outerColor: Colors.red,
radiusCutoff: 0.4, // Inner 40% white, outer 60% red
)
📷 Preview #
💡 Roadmap #
- ✅ Vertical Split
- ✅ Horizontal Split
- ✅ Radial Split
- ❌ Diagonal Split (↘ / ↖)
- ❌ Text Stroke or Border Split
- ❌ N-Color Sectional Split
- ❌ Animation support for transitions
- ❌ Emoji-safe, RTL and multi-line support
- ❌ Canvas-based rendering for custom shapes
🌍 Internationalization #
✅ Supports Unicode and multilingual characters. 🎌 Text like Arabic, Chinese, and Hindi is supported.
📁 Example #
Clone or open the example/
folder and run:
flutter run
👨💻 Maintainer #
Developed with 💙 by Katayath Sai Kiran 📬 Feel free to contribute or suggest improvements!