rtf_textfield 1.0.1 copy "rtf_textfield: ^1.0.1" to clipboard
rtf_textfield: ^1.0.1 copied to clipboard

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 RTFTextFieldController for customize text, hint and label TextSpan 😊
Show some ❤️ and star the repo to support the project!

Pub License: MIT Repository views Pub

Pub likes Pub popularity Pub points


📌 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

Add import package #

import 'package:rtf_textfield/rtf_textfield.dart';

Easy to use #

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

Screenshot Screenshot Screenshot

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,
),

Change text weight using RTFTextFieldController:

controller.toggleBold();

📌 Examples #

You can check more examples of using this package here


Thanks to all contributors of this package


1
likes
150
pub points
52%
popularity

Publisher

verified publishershodev.live

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on rtf_textfield