Slackコミュニティに
無料で参加する
Flutterラボの
プレミアム会員になる
【Flutter】指定した範囲のTextStyleを一括変更する
2021.11.02
表示する文字のスタイルはTextウィジェトのstyleプロパティにTextStyleを指定することで変更することができますが、同じようなテキストスタイルをたくさんコピーして書いている方も多いと思います。
ColumnやRowの中にあるTextだけに共通したTextStyleにしたいケースは多々あると思うのでその方法を紹介したいと思います。
child: DefaultTextStyle.merge(
style: const TextStyle(color: Colors.red, fontSize: 20),
child: Column(
children: const [
Text('ホーム'),
Text('事業内容'),
Text('製品情報'),
Text('お問い合わせ'),
Text('会社概要'),
],
),
),
このように、DefaultTextStyle.mergeでColumnを囲い、styleを指定すればColumn内のすべてのTextにstyleが適用されます。
Flutterラボ
hatchoutschool

85min
プレミアム会員
見放題
GoogleMapを用いて地図アプリを作成する
2022.04.16
¥6,600
Flutter Daily
Flutterに関する記事を日々更新しています (223本)

【Dart】Stringからint, double, DateTimeに変換する
2020.09.14

【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18

【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01

【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13