这是indexloc提供的服务,不要输入任何密码

dual_tone_text_codespark 0.0.2 copy "dual_tone_text_codespark: ^0.0.2" to clipboard
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.

Banner

🖌️ dual_tone_text #

Pub Version GitHub

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 #

Vertical Split Screenshot Horizontal Split Radial Split

💡 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!

5
likes
0
points
63
downloads

Publisher

verified publisherksaikiran.tech

Weekly Downloads

A Flutter package to render text with sharp dual-tone color splits—vertical, horizontal, or radial. Great for stylish titles and headers.

Repository (GitHub)
View/report issues

Topics

#text #shader #custom-text #typography #dual-tone

License

unknown (license)

Dependencies

flutter

More

Packages that depend on dual_tone_text_codespark