ChipThemeData class

Holds the color, shape, and text styles for a material design chip theme.

Use this class to configure a ChipTheme widget, or to set the ThemeData.chipTheme for a Theme widget.

To obtain the current ambient chip theme, use ChipTheme.of.

The parts of a chip are:

  • The "avatar", which is a widget that appears at the beginning of the chip. This is typically a CircleAvatar widget.
  • The "label", which is the widget displayed in the center of the chip. Typically this is a Text widget.
  • The "delete icon", which is a widget that appears at the end of the chip.
  • The chip is disabled when it is not accepting user input. Only some chips have a disabled state: InputChip, ChoiceChip, and FilterChip.

The simplest way to create a ChipThemeData is to use copyWith on the one you get from ChipTheme.of, or create an entirely new one with ChipThemeData..fromDefaults.

class CarColor extends StatefulWidget {
  @override
  State createState() => _CarColorState();
}

class _CarColorState extends State<CarColor> {
  Color _color = Colors.red;

  @override
  Widget build(BuildContext context) {
    return ChipTheme(
      data: ChipTheme.of(context).copyWith(backgroundColor: Colors.lightBlue),
      child: ChoiceChip(
        label: Text('Light Blue'),
        onSelected: (bool value) {
          setState(() {
            _color = value ? Colors.lightBlue : Colors.red;
          });
        },
        selected: _color == Colors.lightBlue,
      ),
    );
  }
}

See also:

  • Chip, a chip that displays information and can be deleted.
  • InputChip, a chip that represents a complex piece of information, such as an entity (person, place, or thing) or conversational text, in a compact form.
  • ChoiceChip, allows a single selection from a set of options. Choice chips contain related descriptive text or categories.
  • FilterChip, uses tags or descriptive words as a way to filter content.
  • ActionChip, represents an action related to primary content.
  • CircleAvatar, which shows images or initials of entities.
  • Wrap, A widget that displays its children in multiple horizontal or vertical runs.
  • ChipTheme widget, which can override the chip theme of its children.
  • Theme widget, which performs a similar function to ChipTheme, but for overall themes.
  • ThemeData, which has a default ChipThemeData.
Inheritance

Constructors

ChipThemeData({@required Color backgroundColor, Color deleteIconColor, @required Color disabledColor, @required Color selectedColor, @required Color secondarySelectedColor, @required EdgeInsetsGeometry labelPadding, @required EdgeInsetsGeometry padding, @required ShapeBorder shape, @required TextStyle labelStyle, @required TextStyle secondaryLabelStyle, @required Brightness brightness })
Create a ChipThemeData given a set of exact values. All the values must be specified. [...]
const
ChipThemeData.fromDefaults({Brightness brightness, Color primaryColor, @required Color secondaryColor, @required TextStyle labelStyle })
Generates a ChipThemeData from a brightness, a primary color, and a text style. [...]
factory

Properties

backgroundColor → Color
Color to be used for the unselected, enabled chip's background. [...]
final
brightness → Brightness
The brightness setting for this theme. [...]
final
deleteIconColor → Color
The Color for the delete icon. The default is Color(0xde000000) (slightly transparent black) for light themes, and Color(0xdeffffff) (slightly transparent white) for dark themes. [...]
final
disabledColor → Color
Color to be used for the chip's background indicating that it is disabled. [...]
final
hashCode → int
The hash code for this object. [...]
read-only, override
labelPadding → EdgeInsetsGeometry
The padding around the label widget. [...]
final
labelStyle → TextStyle
The style to be applied to the chip's label. [...]
final
padding → EdgeInsetsGeometry
The padding between the contents of the chip and the outside shape. [...]
final
secondaryLabelStyle → TextStyle
An alternate style to be applied to the chip's label. For example, this style is applied to the text of a selected ChoiceChip. [...]
final
secondarySelectedColor → Color
An alternate color to be used for the chip's background, indicating that it is selected. For example, this color is used by ChoiceChip when the choice is selected. [...]
final
selectedColor → Color
Color to be used for the chip's background, indicating that it is selected. [...]
final
shape → ShapeBorder
The border to draw around the chip. [...]
final
runtimeType → Type
A representation of the runtime type of the object.
read-only, inherited

Methods

copyWith({Color backgroundColor, Color deleteIconColor, Color disabledColor, Color selectedColor, Color secondarySelectedColor, EdgeInsetsGeometry labelPadding, EdgeInsetsGeometry padding, ShapeBorder shape, TextStyle labelStyle, TextStyle secondaryLabelStyle, Brightness brightness }) → ChipThemeData
Creates a copy of this object but with the given fields replaced with the new values.
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node. [...]
override
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
toStringShort() → String
A brief description of this object, usually just the runtimeType and the hashCode. [...]
inherited

Operators

operator ==(Object other) → bool
The equality operator. [...]
override

Static Methods

lerp(ChipThemeData a, ChipThemeData b, double t) → ChipThemeData
Linearly interpolate between two chip themes. [...]