🧐

FlutterのテキストスタイルのbodyMediumなどはiOSの設定に応じた比の調整がされているか

2022/11/01に公開

Flutterの文字スタイルの

  • Display Large
  • Title Medium
  • Label Small

などは、iOS側でフォントの大きさを切り替えたときにどう変化するのか調べる。

結論

単純に全種類に同じ値がかけられる処理(あるいはそれに近い処理)のようである。

モチベーション

iOSの設定で文字を大きくした場合、小さい文字を大きくしたいが、もともと大きいものはそんなに大きくしなくていいユーザーの想いがある(当社調べず)。また、何が書いてあるかわかっているようなものはあまり大きくしなくてもよいかもしれない。そんな風な考慮がされているかどうか調べる。

やりかた

Flutterの文字スタイル全部を表示し、
iOSの設定画面で、12段階中の

  • 4(普通)
  • 7(普通の設定の最大)
  • 9
  • 12(アクセシビリティの設定の最大)

の設定にして画面を見る。

iOSの設定とは

これである

4(普通)

7(普通の設定の最大)

9

12(アクセシビリティの設定の最大)


結論

単純に全種類に同じ値がかけられる処理(あるいはそれに近い処理)のようである。

DLとかの意味

Display Large
Display Medium
Display Small
Headline Large
Headline Medium
Headline Small
Title Large
Title Medium
Title Small
Body Large
Body Medium
Body Small
Label Large
Label Medium
Label Small

Discussion