rtf_textfield 0.0.5

Flutter custom widget to create Rich TextField. It includes textspan for hint, label. Control the text style with RichTextController.

Flutter custom widget to create Rich TextField 🚀

Included RichTextFieldController` for customize text, hint and label TextSpan 😊
Show some ❤️ and star the repo to support the project!

Getting Started

Follow these steps to use this package

Add dependency

dependencies:
  rtf_textfield: ^0.0.5

Add import package

import 'package:rtf_textfield/rtf_textfield.dart';

Easy to use

Simple example of use RichTextField
Put this code in your project at an screen and learn how it works 😊

RichTextField(
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,
),
),
],
),
hintSpan: TextSpan(
text: 'Yelaman',
),
),
),

Examples

You can check more examples of using this package here

Thanks to all contributors of this package