rtf_textfield 0.0.6

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.6

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