InputChip class

A material design input chip.

Input chips represent a complex piece of information, such as an entity (person, place, or thing) or conversational text, in a compact form.

Input chips can be made selectable by setting onSelected, deletable by setting onDeleted, and pressable like a button with onPressed. They have a label, and they can have a leading icon (see avatar) and a trailing icon (deleteIcon). Colors and padding can be customized.

Requires one of its ancestors to be a Material widget.

Input chips work together with other UI elements. They can appear:

In a Wrap widget.
In a horizontally scrollable list, like a ListView whose scrollDirection is Axis.horizontal.

InputChip(
  avatar: CircleAvatar(
    backgroundColor: Colors.grey.shade800,
    child: Text('AB'),
  ),
  label: Text('Aaron Burr'),
  onPressed: () {
    print('I am the one thing in life.');
  }
)

Constructors

InputChip({Key key, Widget avatar, @required Widget label, TextStyle labelStyle, EdgeInsetsGeometry labelPadding, bool selected: false, bool isEnabled: true, ValueChanged<bool> onSelected, Widget deleteIcon, VoidCallback onDeleted, Color deleteIconColor, String deleteButtonTooltipMessage, VoidCallback onPressed, double pressElevation: 8.0, Color disabledColor, Color selectedColor, String tooltip, ShapeBorder shape, Clip clipBehavior: Clip.none, Color backgroundColor, EdgeInsetsGeometry padding, MaterialTapTargetSize materialTapTargetSize }): Creates an InputChip. [...]
const

Properties

avatar → Widget: A widget to display prior to the chip's label. [...]
final
backgroundColor → Color: Color to be used for the unselected, enabled chip's background. [...]
final
clipBehavior → Clip: The content will be clipped (or not) according to this option. [...]
final
deleteButtonTooltipMessage → String: The message to be used for the chip's delete button tooltip.
final
deleteIcon → Widget: The icon displayed when onDeleted is set. [...]
final
deleteIconColor → Color: The Color for the delete icon. The default is based on the ambient IconTheme.color.
final
disabledColor → Color: Color to be used for the chip's background indicating that it is disabled. [...]
final
isEnabled → bool: Whether or not this chip is enabled for input. [...]
final
label → Widget: The primary content of the chip. [...]
final
labelPadding → EdgeInsetsGeometry: The padding around the label widget. [...]
final
labelStyle → TextStyle: The style to be applied to the chip's label. [...]
final
materialTapTargetSize → MaterialTapTargetSize: Configures the minimum size of the tap target. [...]
final
onDeleted → VoidCallback: Called when the user taps the deleteIcon to delete the chip. [...]
final
onPressed → VoidCallback: Called when the user taps the chip. [...]
final
onSelected → ValueChanged<bool>: Called when the chip should change between selected and deselected states. [...]
final
padding → EdgeInsetsGeometry: The padding between the contents of the chip and the outside shape. [...]
final
pressElevation → double: Elevation to be applied on the chip during the press motion. This controls the size of the shadow below the chip. [...]
final
selected → bool: Whether or not this chip is selected. [...]
final
selectedColor → Color: Color to be used for the chip's background, indicating that it is selected. [...]
final
shape → ShapeBorder: The ShapeBorder to draw around the chip. [...]
final
tooltip → String: Tooltip string to be used for the body area (where the label and avatar are) of the chip.
final
hashCode → int: The hash code for this object. [...]
read-only, inherited
key → Key: Controls how one widget replaces another widget in the tree. [...]
final, inherited
runtimeType → Type: A representation of the runtime type of the object.
read-only, inherited

Methods

build(BuildContext context) → Widget: Describes the part of the user interface represented by this widget. [...]
override
createElement() → StatelessElement: Creates a StatelessElement to manage this widget's location in the tree. [...]
inherited
debugDescribeChildren() → List<DiagnosticsNode>: Returns a list of DiagnosticsNode objects describing this node's children. [...]
@protected, inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void: Add additional properties associated with the node. [...]
inherited
noSuchMethod(Invocation invocation) → dynamic: Invoked when a non-existent method or property is accessed. [...]
inherited
toDiagnosticsNode({String name, DiagnosticsTreeStyle style }) → DiagnosticsNode: Returns a debug representation of the object that is used by debugging tools and by toStringDeep. [...]
inherited
toString({DiagnosticLevel minLevel: DiagnosticLevel.debug }) → String: Returns a string representation of this object.
inherited
toStringDeep({String prefixLineOne: '', String prefixOtherLines, DiagnosticLevel minLevel: DiagnosticLevel.debug }) → String: Returns a string representation of this node and its descendants. [...]
inherited
toStringShallow({String joiner: ', ', DiagnosticLevel minLevel: DiagnosticLevel.debug }) → String: Returns a one-line detailed description of the object. [...]
inherited
toStringShort() → String: A short, textual description of this widget.
inherited

Operators

operator ==(dynamic other) → bool: The equality operator. [...]
inherited

material library

InputChip class

Constructors

Properties

Methods

Operators