text_field_suffix_button 0.1.0 icon indicating copy to clipboard operation
text_field_suffix_button: ^0.1.0 copied to clipboard

A button dedicated to be used in `TextField.decoration.suffixIcon`.

text_field_suffix_button #

Star this Repo Pub Package Build Status

A simple widget that renders the a button as text input's suffix icon, which have a few behaviours:

Clear Button #

Widget build(BuildContext context) {
  final controller = TextEditingController();

  return TextField(
    decoration: InputDecoration(
      suffixIcon: TextFieldSuffixButton(controller: controller),
    ),
    controller: controller,
  );
}

A TextEditingController that shared with the field is required to make the button function properly. When controller.text isn't empty, a button with x icon is show. When user clicked, it clear the text of the field.

Paste or Clear #

Widget build(BuildContext context) {
  final controller = TextEditingController();

  return TextField(
    decoration: InputDecoration(
      suffixIcon: TextFieldSuffixButton(
        controller: controller,
        enablePaste: true,
      ),
    ),
    controller: controller,
  );
}

When enablePaste set to true, widget render a paste button when text is empty, and a clear button when text is not empty. The paste button allow user to paste the text from clipboard into the text field when clicked.

Show button only when focused #

Widget build(BuildContext context) {
  final controller = TextEditingController();
  final focusNode = FocusNode();

  return TextField(
    decoration: InputDecoration(
      suffixIcon: TextFieldSuffixButton(
        controller: controller,
        enablePaste: true,
        focusNode: focusNode,
      ),
    ),
    controller: controller,
    focusNode: focusNode,
  );
}

An optional FocusNode that shared with the text field can be given. Then the focusNode is given, the button hides itself by default, and only shows when the field is focused. It works with both clear button and paste button.

2
likes
120
pub points
50%
popularity

Publisher

verified publisher iconpub.timnew.me

A button dedicated to be used in `TextField.decoration.suffixIcon`.

Homepage

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on text_field_suffix_button