0 purchases
Description:
rtf textfield
Flutter custom widget to create Rich TextField 🚀
Included RTFTextFieldController for customize text, hint and label TextSpan 😊
Show some ❤️ and star the repo to support the project!
📌 Features #
✅ Customizable hint
✅ Customizable label
✅ Data serialization (Store and fetch styled text in JSON format)
✅ Customizable text features with RTFTextFieldController (change color, style, size, wight, etc.)
📌 Getting Started #
Follow these steps to use this package
Add dependency #
dependencies:
rtf_textfield: ^1.0.1
copied to clipboard
Add import package #
import 'package:rtf_textfield/rtf_textfield.dart';
copied to clipboard
Easy to use #
Simple example of use RTFTextField
Put this code in your project at an screen and learn how it works 😊
Widget part:
RTFTextField(
onTapOutside: (event) {
FocusManager.instance.primaryFocus?.unfocus();
},
decoration: const RichInputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(16)),
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Colors.grey,
),
borderRadius: BorderRadius.all(Radius.circular(16)),
),
labelTextSpan: TextSpan(
text: 'Enter your name',
children: [
TextSpan(
text: ' *',
style: TextStyle(
color: Colors.red,
),
),
],
),
hintTextSpan: TextSpan(
text: 'Yelaman',
),
),
controller: controller,
),
copied to clipboard
Change text weight using RTFTextFieldController:
controller.toggleBold();
copied to clipboard
📌 Examples #
You can check more examples of using this package here
Thanks to all contributors of this package
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files In This Product:
Customer Reviews
There are no reviews.
