listtextfield

Description:

listtextfield

Provides you a textfield and accompanying controller that users can visually type separated lists into, such as a list of email recipients.
Features #

Textfield that creates a list as you type
Handy controller than can be used with other text fields for more customisation.
Remove from list with normal backspace.



Getting started #
Add the package to your project pubspec.yaml
listtextfield: any
copied to clipboard
Import the package in the project file
import "package:listtextfield/listtextfield.dart";
copied to clipboard
Usage #
Create a ListTextEditingController with the list separator users should type.
final _controller = ListTextEditingController(',');
copied to clipboard
You may also initialise your controller with some items in the list, by providing the optional set of strings.
final _controller = ListTextEditingController(',', {'InitialItem1', 'InitialItem2',});
copied to clipboard
Add a ListTextField widget to your widget tree and supply the controller
Widget build(BuildContext context){
return Column(
children: [
ListTextField(
controller: _controller,
itemBuilder: (ctx, item){
// Build how items in the list should appear
return Chip(
label: Text(value),
onDeleted: () => _controller.removeItem(value),
);
}
),
],
);
}
copied to clipboard
You can access the typed list by calling items on the controller
final myItems = _controller.items;
copied to clipboard
See example for more information
Additional information #
PRs are welcome.
Find an issue? Report it.
If you find the package useful or interesting, please like 👍🏼 it
or drop a ⭐️ on github.
MajorE 👽♦️