Flutter

FlutterのTheme解説(TextTheme編)何がどこの値に反映されるのか

Flutterでは、Themeという概念があります。

アプリ全体で、ここの文字はどんな書体でどんな大きさで太字、斜字はどう適用させるのかという定義をまとめて一箇所で行うことができます。

ただ、定義できる箇所が多すぎて、どの項目がどのウィジェットに適用されるのかよくわかりません。

なので今回の記事でまとめてみました。量が多いので部分部分をあとから追記していこうかなと思います。

TextTheme

プロパティ 説明 使用箇所の例
bodyText1 Used for emphasizing text that would otherwise be bodyText2.
bodyText2 The default text style for Material.
button Used for text on ElevatedButton, TextButton and OutlinedButton. ElevatedButton
TextButton
OutlinedButton
caption Used for auxiliary text associated with images.
headline1 Extremely large text.
headline2 Very, very large text.
headline3 Very large text.
headline4 Large text.
headline5 Used for large text in dialogs showDatePicker
headline6 Used for the primary text in app bars and dialogs AppBar.title
AlertDialog.title
overline The smallest style.
Typically used for captions or to introduce a (larger) headline.
subtitle1 Used for the primary text in lists ListTile.title
subtitle2 For medium emphasis text that's a little smaller than subtitle1.

ButtonTheme

ButtonThemeは2021年9月14日現在で廃止されています。

-Flutter

© 2024 かずのアプリときどきキャンプ飯 Powered by AFFINGER5