- 前言
- 属性
- 属性一览
- fontFamily: 应用程序的默认字体样式
- actionIconTheme: 动作图标主题
- appBarTheme: 自定义 AppBar 部件的主题
- applyElevationOverlayColor: 是否应用elevation覆盖颜色
- badgeTheme: 自定义 Badge 部件的主题
- bannerTheme: 自定义 MaterialBanner 部件的主题
- bottomAppBarTheme: 自定义 BottomAppBar 部件的主题
- bottomSheetTheme: 自定义 BottomSheet 部件的主题
- brightness: 应用程序的亮度模式
- buttonBarTheme: 自定义 ButtonBar 部件的主题
- cardTheme: 自定义 Card 部件的主题
- checkboxTheme: 自定义 Checkbox 部件的主题
- chipTheme: 自定义 Chip 部件的主题
- colorScheme: 快速创建应用程序的颜色主题
- cupertinoOverrideTheme: 覆盖Cupertino风格主题
- dataTableTheme: 自定义 DataTable 部件的主题
- datePickerTheme: 自定义 DatePickerDialog 部件的主题
- dialogBackgroundColor: Dialog 背景颜色
- dialogTheme: 自定义 Dialog 主题
- dividerTheme: 分割线样式
- drawerTheme: 自定义 Drawer 部件的主题
- dropdownMenuTheme: 自定义 DropdownMenu 部件的主题
- elevatedButtonTheme: 自定义 ElevatedButton 部件的主题
- expansionTileTheme: 自定义 ExpansionTile 部件的主题
- filledButtonTheme: 自定义 FilledButton 部件的主题
- floatingActionButtonTheme: 自定义 FloatingActionButton 部件的主题
- focusColor: 聚焦时的颜色
- hintColor: 提示文本或占位符文本的颜色
- iconButtonTheme: 自定义 IconButton 部件的主题
- iconTheme: 自定义图标样式
- inputDecorationTheme: 输入框装饰样式
- listTileTheme: 自定义 ListTile 部件的主题
- materialTapTargetSize: 配置 Material 部件的点击目标大小
- menuBarTheme: 自定义 MenuBar 部件的主题
- menuButtonTheme: 自定义 SubmenuButton MenuItemButton 部件的主题
- menuTheme: 自定义 SubmenuButton 部件的主题
- navigationBarTheme: 自定义 NavigationBar 部件的主题
- navigationDrawerTheme: 自定义 NavigationDrawer 部件的主题
- navigationRailTheme: 自定义 NavigationRail 部件的主题
- outlinedButtonTheme: 自定义 OutlinedButton 部件的主题
- pageTransitionsTheme: 自定义 MaterialPageRoute 主题
- platform: 应用程序的平台样式
- popupMenuTheme: 自定义 PopupMenu 相关部件的主题
- progressIndicatorTheme: 自定义 ProgressIndicator 相关部件的主题
- radioTheme: 自定义 Radio 部件的主题
- scaffoldBackgroundColor: Scaffold的背景色
- searchBarTheme: 自定义 SearchBar 部件的主题
- searchViewTheme: 自定义 SearchAnchor 部件的主题
- segmentedButtonTheme: 自定义 SegmentedButton 部件的主题
- sliderTheme: 自定义 Slider 部件的主题
- snackBarTheme: 自定义 SnackBar 部件的主题
- splashColor: InkWell点击的水波纹颜色
- splashFactory: InkWell点击的水波纹效果
- switchTheme: 自定义 Switch 部件的主题
- tabBarTheme: 自定义 TabBar 部件的主题
- textButtonTheme: 自定义 TextButton 部件的主题
- textSelectionTheme: 自定义类似 TextField 部件的文本选择的主题
- textTheme: 文本样式
- timePickerTheme: 自定义 TimePickerDialog 部件的主题
- toggleButtonsTheme: 自定义 ToggleButtons 部件的主题
- tooltipTheme: 自定义 Tooltip 部件的主题
- 构造函数
当前版本 Flutter 3.19.5
前言
ThemeData是Flutter中用于定义应用程序整体样式的类。它包含了许多属性，如主色调、强调色、字体样式、文本样式、按钮样式等，可以通过设置这些属性来统一调整应用程序的外观和风格。
另外，ThemeData还可以用来定义特定部件的样式，比如AppBar的背景色、阴影高度、标题文本样式等。这样，你就可以针对不同的部件设置不同的样式，使得应用程序的整体风格更加统一和美观。
属性
属性一览
- fontFamily: 应用程序的默认字体样式
- actionIconTheme: 动作图标主题
- appBarTheme: 自定义 AppBar 部件的主题
- applyElevationOverlayColor: 是否应用elevation覆盖颜色
- badgeTheme: 自定义 Badge 部件的主题
- bannerTheme: 自定义 MaterialBanner 部件的主题
- bottomAppBarTheme: 自定义 BottomAppBar 部件的主题
- bottomNavigationBarTheme: 自定义 BottomNavigationBar 部件的主题
- bottomSheetTheme: 自定义 BottomSheet 部件的主题
- brightness: 应用程序的亮度模式
- buttonBarTheme: 自定义 ButtonBar 部件的主题
- cardTheme: 自定义 Card 部件的主题
- checkboxTheme: 自定义 Checkbox 部件的主题
- chipTheme: 自定义 Chip 部件的主题
- colorScheme: 快速创建应用程序的颜色主题
- cupertinoOverrideTheme: 覆盖Cupertino风格主题
- dataTableTheme: 自定义 DataTable 部件的主题
- datePickerTheme: 自定义 DatePickerDialog 部件的主题
- dialogBackgroundColor: Dialog 背景颜色
- dialogTheme: 自定义 Dialog 主题
- dividerTheme: 分割线样式
- drawerTheme: 自定义 Drawer 部件的主题
- dropdownMenuTheme: 自定义 DropdownMenu 部件的主题
- elevatedButtonTheme: 自定义 ElevatedButton 部件的主题
- expansionTileTheme: 自定义 ExpansionTile 部件的主题
- filledButtonTheme: 自定义 FilledButton 部件的主题
- floatingActionButtonTheme: 自定义 FloatingActionButton 部件的主题
- focusColor: 聚焦时的颜色
- hintColor: 提示文本或占位符文本的颜色
- iconButtonTheme: 自定义 IconButton 部件的主题
- iconTheme: 自定义图标样式
- inputDecorationTheme: 输入框装饰样式
- listTileTheme: 自定义 ListTile 部件的主题
- materialTapTargetSize: 配置 Material 部件的点击目标大小
- menuBarTheme: 自定义 MenuBar 部件的主题
- menuButtonTheme: 自定义 SubmenuButton MenuItemButton 部件的主题
- menuTheme: 自定义 SubmenuButton 部件的主题
- navigationBarTheme: 自定义 NavigationBar 部件的主题
- navigationDrawerTheme: 自定义 NavigationDrawer 部件的主题
- navigationRailTheme: 自定义 NavigationRail 部件的主题
- outlinedButtonTheme: 自定义 OutlinedButton 部件的主题
- pageTransitionsTheme: 自定义 MaterialPageRoute 主题
- platform: 应用程序的平台样式
- popupMenuTheme: 自定义 PopupMenu 相关部件的主题
- progressIndicatorTheme: 自定义 ProgressIndicator 相关部件的主题
- radioTheme: 自定义 Radio 部件的主题
- scaffoldBackgroundColor: Scaffold的背景色
- searchBarTheme: 自定义 SearchBar 部件的主题
- searchViewTheme: 自定义 SearchAnchor 部件的主题
- segmentedButtonTheme: 自定义 SegmentedButton 部件的主题
- sliderTheme: 自定义 Slider 部件的主题
- snackBarTheme: 自定义 SnackBar 部件的主题
- splashColor: InkWell点击的水波纹颜色
- splashFactory: InkWell点击的水波纹效果
- switchTheme: 自定义 Switch 部件的主题
- tabBarTheme: 自定义 TabBar 部件的主题
- textButtonTheme: 自定义 TextButton 部件的主题
- textSelectionTheme: 自定义类似 TextField 部件的文本选择的主题
- textTheme: 自定义文本主题
- timePickerTheme: 自定义 TimePickerDialog 部件的主题
- toggleButtonsTheme: 自定义 ToggleButtons 部件的主题
- tooltipTheme: 自定义 Tooltip 部件的主题
- useMaterial3: 是否使用Material3
fontFamily: 应用程序的默认字体样式
ThemeData( fontFamily: 'Roboto', // 设置字体样式为Roboto )
actionIconTheme: 动作图标主题
用于自定义 BackButtonIcon、CloseButtonIcon、 DrawerButtonIcon 或 EndDrawerButtonIcon 图标的主题。
实现
final ActionIconThemeData? actionIconTheme;
示例
ThemeData(
actionIconTheme: ActionIconThemeData(
backButtonIconBuilder: (BuildContext context) => const Icon(Icons.abc),
)
)
appBarTheme: 自定义 AppBar 部件的主题
用于自定义AppBar的颜色、高度、亮度、iconTheme 和 textTheme 的主题。
实现
final AppBarTheme appBarTheme;
示例
ThemeData(
appBarTheme: AppBarTheme( // 设置AppBar样式
backgroundColor: Colors.blue, // 设置AppBar的背景色
elevation: 0, // 设置AppBar的阴影高度为0
textTheme: TextTheme( // 设置AppBar的文本样式
headline6: TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: Colors.white), // 设置标题文本样式
),
),
)
applyElevationOverlayColor: 是否应用elevation覆盖颜色
实现
final bool applyElevationOverlayColor;
示例
ThemeData( applyElevationOverlayColor: true )
badgeTheme: 自定义 Badge 部件的主题
实现
final BadgeThemeData badgeTheme;
示例
ThemeData(
badgeTheme: BadgeThemeData(
textColor: Colors.yellow,
backgroundColor: Colors.green,
),
)
bannerTheme: 自定义 MaterialBanner 部件的主题<
实现
final MaterialBannerThemeData bannerTheme;
示例
ThemeData(
bannerTheme: MaterialBannerThemeData(
backgroundColor: Colors.green,
contentTextStyle: const TextStyle(color: Colors.red),
leadingPadding: const EdgeInsets.all(20),
)
)
bottomAppBarTheme: 自定义 BottomAppBar 部件的主题
实现
final BottomAppBarTheme bottomAppBarTheme;
示例
ThemeData(
bottomAppBarTheme: const BottomAppBarTheme(
color: Colors.green,
)
)
bottomSheetTheme: 自定义 BottomSheet 部件的主题
实现
final BottomSheetThemeData bottomSheetTheme;
示例
ThemeData(
bottomSheetTheme: const BottomSheetThemeData(
backgroundColor: Colors.green,
)
)
brightness: 应用程序的亮度模式
实现
Brightness get brightness => colorScheme.brightness;
示例
ThemeData( brightness: Brightness.light, // 设置应用程序的亮度模式为明亮模式 )
buttonBarTheme: 自定义 ButtonBar 部件的主题
实现
final ButtonBarThemeData buttonBarTheme;
示例
ThemeData(
buttonBarTheme: const ButtonBarThemeData(
alignment: MainAxisAlignment.end,
)
)
cardTheme: 自定义 Card 部件的主题
实现
final CardTheme cardTheme;
示例
ThemeData(
cardTheme: CardTheme(
color: Colors.white, // 设置卡片的背景色为白色
elevation: 4, // 设置卡片的阴影高度为4
),
)
checkboxTheme: 自定义 Checkbox 部件的主题
实现
final CheckboxThemeData checkboxTheme;
示例
ThemeData(
checkboxTheme: const CheckboxThemeData(
checkColor: MaterialStatePropertyAll(Colors.red),
fillColor: MaterialStatePropertyAll(Colors.green),
),
)
chipTheme: 自定义 Chip 部件的主题
实现
final ChipThemeData chipTheme;
示例
ThemeData(
chipTheme: const ChipThemeData(
backgroundColor: Colors.red,
),
)
colorScheme: 快速创建应用程序的颜色主题
ColorScheme是一种用于定义颜色的Flutter类，它包含了在应用程序中使用的常见颜色属性。
ColorScheme类包含
- primary(主要颜色)
- secondary(辅助色)
- background(背景颜色)
- surface(表面颜色)
- error(错误颜色)
- onPrimary(主要文字颜色)
- onSecondary(辅助文字颜色)
- onBackground(背景文字颜色)
- onSurface(表面文字颜色)
实现
final ColorScheme colorScheme;
示例
ThemeData(
colorScheme: const ColorScheme(
primary: Colors.yellow,
secondary: Colors.blue,
surface: Colors.white,
background: Colors.white,
error: Colors.red,
onError: Colors.white,
brightness: Brightness.light,
onPrimary: Colors.black,
onSecondary: Colors.black,
onBackground: Colors.black,
onSurface: Colors.black,
),
)
cupertinoOverrideTheme: 覆盖Cupertino风格主题
实现
final NoDefaultCupertinoThemeData? cupertinoOverrideTheme;
示例
ThemeData(
cupertinoOverrideTheme: const CupertinoThemeData(
primaryColor: Colors.yellow,
brightness: Brightness.light,
textTheme: CupertinoTextThemeData(
textStyle: TextStyle(
fontFamily: 'Times New Roman',
)
)
),
)
dataTableTheme: 自定义 DataTable 部件的主题
实现
final NoDefaultCupertinoThemeData? cupertinoOverrideTheme;
示例
ThemeData(
dataTableTheme: const DataTableThemeData(
dataRowColor: MaterialStatePropertyAll(Colors.green),
),
)
datePickerTheme: 自定义 DatePickerDialog 部件的主题
实现
final DatePickerThemeData datePickerTheme;
示例
ThemeData(
datePickerTheme: const DatePickerThemeData(
backgroundColor: Colors.red,
),
)
dialogBackgroundColor: Dialog 背景颜色
实现
final Color dialogBackgroundColor;
示例
ThemeData( dialogBackgroundColor: Colors.red, )
dialogTheme: 自定义 Dialog 主题
实现
final DialogTheme dialogTheme;
示例
ThemeData(
dialogTheme: DialogTheme(
backgroundColor: Colors.white, // 设置对话框的背景色为白色
elevation: 8, // 设置对话框的阴影高度为8
),
)
dividerTheme: 分割线样式
用于自定义[Divider]、[VerticalDivider] 等的主题
实现
final DividerThemeData dividerTheme;
示例
ThemeData(
dividerTheme: DividerThemeData(
color: Colors.grey, // 设置分割线的颜色为灰色
thickness: 1, // 设置分割线的厚度为1
),
)
drawerTheme: 自定义 Drawer 部件的主题
实现
final DrawerThemeData drawerTheme;
示例
ThemeData(
drawerTheme: const DrawerThemeData(
backgroundColor: Colors.yellow,
),
)
dropdownMenuTheme: 自定义 DropdownMenu 部件的主题
实现
final DropdownMenuThemeData dropdownMenuTheme;
示例
ThemeData(
dropdownMenuTheme: const DropdownMenuThemeData(
menuStyle: MenuStyle(
backgroundColor: MaterialStatePropertyAll(Colors.yellow),
)
),
)
elevatedButtonTheme: 自定义 ElevatedButton 部件的主题
实现
final ElevatedButtonThemeData elevatedButtonTheme;
示例
ThemeData(
elevatedButtonTheme: const ElevatedButtonThemeData(
style: ButtonStyle(
backgroundColor: MaterialStatePropertyAll(Colors.yellow),
)
),
)
expansionTileTheme: 自定义 ExpansionTile 部件的主题
实现
final ExpansionTileThemeData expansionTileTheme;
示例
ThemeData(
expansionTileTheme: const ExpansionTileThemeData(
collapsedIconColor: Colors.red,
),
)
filledButtonTheme: 自定义 FilledButton 部件的主题
实现
final FilledButtonThemeData filledButtonTheme;
示例
ThemeData(
filledButtonTheme: const FilledButtonThemeData(
style: ButtonStyle(
backgroundColor: MaterialStatePropertyAll(Colors.yellow),
)
),
)
floatingActionButtonTheme: 自定义 FloatingActionButton 部件的主题
实现
final FloatingActionButtonThemeData floatingActionButtonTheme;
示例
ThemeData(
floatingActionButtonTheme: const FloatingActionButtonThemeData(
backgroundColor: Colors.yellow,
),
)
focusColor: 聚焦时的颜色
类似 DropdownButton 这样的部件聚焦时的颜色
实现
final Colors focusColor;
示例
ThemeData( focusColor: Colors.green, )
hintColor: 提示文本或占位符文本的颜色
类似 TextField 这样的部件中修改 hintText 的颜色
实现
final Colors hintColor;
示例
ThemeData( hintColor: Colors.green, )
iconButtonTheme: 自定义 IconButton 部件的主题
实现
final IconButtonThemeData iconButtonTheme;
示例
ThemeData(
iconButtonTheme: const IconButtonThemeData(
style: ButtonStyle(
backgroundColor: MaterialStatePropertyAll(Colors.yellow),
)
),
)
iconTheme: 自定义图标样式
实现
final IconButtonThemeData iconTheme;
示例
ThemeData(
iconTheme: const IconThemeData(
color: Colors.red,
size: 100,
),
)
inputDecorationTheme: 输入框装饰样式
自定义类似 DropdownMenu 的输入框样式
实现
final InputDecorationTheme inputDecorationTheme;
示例
ThemeData(
inputDecorationTheme: const InputDecorationTheme(
border: OutlineInputBorder(), // 设置输入框的边框样式为带边界的线框
fillColor: Colors.white, // 设置输入框的填充颜色为白色
),
)
listTileTheme: 自定义 ListTile 部件的主题
实现
final ListTileThemeData listTileTheme;
示例
ThemeData(
listTileTheme: const ListTileThemeData(
iconColor: Colors.yellow,
),
)
materialTapTargetSize: 配置 Material 部件的点击目标大小
实现
final MaterialTapTargetSize materialTapTargetSize;
示例
ThemeData( materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, )
menuBarTheme: 自定义 MenuBar 部件的主题
实现
final MenuBarThemeData menuBarTheme;
示例
ThemeData(
menuBarTheme: const MenuBarThemeData(
style: MenuStyle(
backgroundColor: MaterialStatePropertyAll(Colors.yellow),
),
),
)
menuButtonTheme: 自定义 SubmenuButton MenuItemButton 部件的主题
实现
final MenuButtonThemeData menuButtonTheme;
示例
ThemeData(
menuButtonTheme: const MenuButtonThemeData(
style: ButtonStyle(
backgroundColor: MaterialStatePropertyAll(Colors.red),
)
),
)
menuTheme: 自定义 SubmenuButton 部件的主题
实现
final MenuThemeData menuTheme;
示例
ThemeData(
menuTheme: const MenuThemeData(
style: MenuStyle(
backgroundColor: MaterialStatePropertyAll(Colors.purple),
),
),
)
navigationBarTheme: 自定义 NavigationBar 部件的主题
实现
final NavigationBarThemeData navigationBarTheme;
示例
ThemeData(
navigationBarTheme: const NavigationBarThemeData(
indicatorColor: Colors.yellow,
backgroundColor: Colors.purple,
),
)
navigationDrawerTheme: 自定义 NavigationDrawer 部件的主题
实现
final NavigationDrawerThemeData navigationDrawerTheme;
示例
ThemeData(
navigationDrawerTheme: const NavigationDrawerThemeData(
indicatorColor: Colors.yellow,
backgroundColor: Colors.purple,
),
)
navigationRailTheme: 自定义 NavigationRail 部件的主题
实现
final NavigationRailThemeData navigationRailTheme;
示例
ThemeData(
navigationRailTheme: const NavigationRailThemeData(
backgroundColor: Colors.purple,
),
)
outlinedButtonTheme: 自定义 OutlinedButton 部件的主题
实现
final OutlinedButtonThemeData outlinedButtonTheme;
示例
ThemeData(
outlinedButtonTheme: const OutlinedButtonThemeData(
style: ButtonStyle(
backgroundColor: MaterialStatePropertyAll(Colors.purple),
foregroundColor: MaterialStatePropertyAll(Colors.yellow),
)
),
)
pageTransitionsTheme: 自定义 MaterialPageRoute 主题
实现
final PageTransitionsTheme pageTransitionsTheme;
示例
ThemeData(
pageTransitionsTheme: const PageTransitionsTheme(
builders: {
TargetPlatform.android: ZoomPageTransitionsBuilder(),
TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
}
),
)
platform: 应用程序的平台样式
实现
final TargetPlatform platform;
示例
ThemeData( platform: TargetPlatform.android, // 设置应用程序的平台样式为Android )
popupMenuTheme: 自定义 PopupMenu 相关部件的主题
实现
final PopupMenuThemeData popupMenuTheme;
示例
ThemeData(
popupMenuTheme: const PopupMenuThemeData(
color: Colors.purple,
shape: StadiumBorder(),
),
)
progressIndicatorTheme: 自定义 ProgressIndicator 相关部件的主题
实现
final ProgressIndicatorThemeData progressIndicatorTheme;
示例
ThemeData(
progressIndicatorTheme: const ProgressIndicatorThemeData(
color: Colors.yellow,
linearMinHeight: 20,
),
)
radioTheme: 自定义 Radio 部件的主题
实现
final RadioThemeData radioTheme;
示例
ThemeData(
radioTheme: const RadioThemeData(
fillColor: MaterialStatePropertyAll(Colors.yellow),
),
)
scaffoldBackgroundColor: Scaffold的背景色
实现
final Color scaffoldBackgroundColor;
示例
ThemeData( scaffoldBackgroundColor: Colors.grey[200], // 设置Scaffold的背景色为灰色 )
searchBarTheme: 自定义 SearchBar 部件的主题
实现
final SearchBarThemeData searchBarTheme;
示例
ThemeData(
searchBarTheme: const SearchBarThemeData(
backgroundColor: MaterialStatePropertyAll(Colors.yellow),
),
)
searchViewTheme: 自定义 SearchAnchor 部件的主题
实现
final SearchViewThemeData searchViewTheme;
示例
ThemeData(
searchViewTheme: const SearchViewThemeData(
backgroundColor: Colors.red,
),
)
segmentedButtonTheme: 自定义 SegmentedButton 部件的主题
实现
final SegmentedButtonThemeData segmentedButtonTheme;
示例
ThemeData(
segmentedButtonTheme: const SegmentedButtonThemeData(
selectedIcon: Icon(Icons.star, color: Colors.blue),
),
)
sliderTheme: 自定义 Slider 部件的主题
实现
final SliderThemeData sliderTheme;
示例
ThemeData(
sliderTheme: const SliderThemeData(
activeTrackColor: Colors.red,
),
)
snackBarTheme: 自定义 SnackBar 部件的主题
实现
final SnackBarThemeData snackBarTheme;
示例
ThemeData(
snackBarTheme: const SnackBarThemeData(
backgroundColor: Colors.red,
),
)
splashColor: InkWell点击的水波纹颜色
实现
final Color splashColor;
示例
ThemeData( splashColor: Colors.red, )
splashFactory: InkWell点击的水波纹效果
实现
final InteractiveInkFeatureFactory splashFactory;
示例
ThemeData( splashFactory: InkSparkle.splashFactory, // splashFactory: InkRipple.splashFactory, )
switchTheme: 自定义 Switch 部件的主题
实现
final SwitchThemeData switchTheme;
示例
ThemeData(
switchTheme: const SwitchThemeData(
thumbColor: MaterialStatePropertyAll(Colors.yellow),
),
)
tabBarTheme: 自定义 TabBar 部件的主题
实现
final TabBarTheme tabBarTheme;
示例
ThemeData(
tabBarTheme: const TabBarTheme(
indicator: UnderlineTabIndicator(
borderSide: BorderSide(color: Colors.red, width: 2),
insets: EdgeInsets.symmetric(horizontal: 50),
)
),
)
textButtonTheme: 自定义 TextButton 部件的主题
实现
final TextButtonThemeData textButtonTheme;
示例
ThemeData(
textButtonTheme: TextButtonThemeData(
style: ButtonStyle(
foregroundColor: MaterialStatePropertyAll(Colors.yellow),
overlayColor: MaterialStatePropertyAll(Colors.red),
backgroundColor: MaterialStatePropertyAll(Colors.purple),
)
),
)
textSelectionTheme: 自定义类似 TextField 部件的文本选择的主题
实现
final TextSelectionThemeData textSelectionTheme;
示例
ThemeData(
textSelectionTheme: const TextSelectionThemeData(
cursorColor: Colors.red,
selectionColor: Colors.yellow,
),
)
textTheme: 文本样式
final TextTheme textTheme;
示例
ThemeData(
textTheme: const TextTheme( // 设置文本样式
headlineLarge: TextStyle(fontSize: 24, color: Colors.red), // 设置标题文本样式
),
)
实现
timePickerTheme: 自定义 TimePickerDialog 部件的主题
实现
final TimePickerThemeData timePickerTheme;
示例
ThemeData(
timePickerTheme: const TimePickerThemeData(
backgroundColor: Colors.red,
),
)
toggleButtonsTheme: 自定义 ToggleButtons 部件的主题
实现
final ToggleButtonsThemeData toggleButtonsTheme;
示例
ThemeData(
toggleButtonsTheme: const ToggleButtonsThemeData(
selectedColor: Colors.red,
fillColor: Colors.yellow,
),
)
tooltipTheme: 自定义 Tooltip 部件的主题
实现
final TooltipThemeData tooltipTheme;
示例
ThemeData(
tooltipTheme: const TooltipThemeData(
decoration: BoxDecoration(
color: Colors.red,
),
textStyle: TextStyle(color: Colors.yellow),
),
)
构造函数
构造函数一览
- dark: 创建一个暗色主题的ThemeData实例
- light: 创建一个亮色主题的ThemeData实例
- fallback: 创建一个主题数据的副本，但使用给定的属性值作为默认值
- from: 从一个主题数据对象中创建一个新的主题数据对象
- raw: 根据给定的值创建一个主题数据对象，通常用于从JSON等数据源创建主题
...完结...
《Flutter入门: ThemeData详解》留言数：0