style property

TextStyle? style
final

The text style to use for text in the dropdown button and the dropdown menu that appears when you tap the button.

To use a separate text style for selected item when it's displayed within the dropdown button, consider using selectedItemBuilder.

{@tool dartpad --template=stateful_widget_scaffold}

This sample shows a DropdownButton with a dropdown button text style that is different than its menu items.

List<String> options = <String>['One', 'Two', 'Free', 'Four'];
String dropdownValue = 'One';

@override
Widget build(BuildContext context) {
  return Container(
    alignment: Alignment.center,
    color: Colors.blue,
    child: DropdownButton<String>(
      value: dropdownValue,
      onChanged: (String newValue) {
        setState(() {
          dropdownValue = newValue;
        });
      },
      style: TextStyle(color: Colors.blue),
      selectedItemBuilder: (BuildContext context) {
        return options.map((String value) {
          return Text(
            dropdownValue,
            style: TextStyle(color: Colors.white),
          );
        }).toList();
      },
      items: options.map<DropdownMenuItem<String>>((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
    ),
  );
}

{@end-tool}

Defaults to the TextTheme.titleMedium value of the current ThemeData.textTheme of the current Theme.

Implementation

final TextStyle? style;