Description:

flutter input chips

flutter_input_chips #
FlutterInputChips is a Flutter widget that builds the input field with input chips options


Demo #

Import #
import 'package:flutter_input_chips/flutter_input_chips.dart';
copied to clipboard
Example #
import 'package:flutter_input_chips/flutter_input_chips.dart';


FlutterInputChips(
initialValue: const [],
maxChips: 5,
onChanged: (v) {
setState(() {
values = v;
});
},
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(color: Colors.grey),
borderRadius: BorderRadius.circular(10),
),
inputDecoration: const InputDecoration(
border: InputBorder.none,
hintText: "Enter text here",
),
chipTextStyle: const TextStyle(
fontWeight: FontWeight.bold,
color: Colors.white,
),
chipSpacing: 8,
chipDeleteIconColor: Colors.white,
chipBackgroundColor: Colors.blueGrey,
),
copied to clipboard
Available properties #
/// list of Strings to prepopulate the chips with
final List<String> initialValue;

/// returns a list of string on inout field submitted
final ValueChanged<List<String>> onChanged;

/// number of maximum chips
final int? maxChips;

/// enables the input field and chip delete ability
final bool enabled;

/// inout field action
final TextInputAction inputAction;

/// keyboard appearance
final Brightness keyboardAppearance;

/// autofocus the inout field
final bool autofocus;

/// text capitalization type for the input field keyboard
final TextCapitalization textCapitalization;

/// text input decoration
final InputDecoration inputDecoration;

/// text overflow behaviour
final TextOverflow textOverflow;

/// keyboard input type
final TextInputType inputType;

/// parent container padding
final EdgeInsets padding;

/// padding container decoration
final BoxDecoration? decoration;

/// spacing between chips
final double chipSpacing;
// style for chip text/label
final TextStyle? chipTextStyle;

/// backhround color of the chip
final Color? chipBackgroundColor;

/// custom delete icon
final Widget? chipDeleteIcon;

/// if true, displays a delete icon in the chip
final bool chipCanDelete;

/// Color for delete icon in the chip
final Color? chipDeleteIconColor;
copied to clipboard
Support #
If you lik this package. Feel free to create pull request or report issues.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter