Flutterラボ リリース3周年記念! プロコースが1ヶ月の料金で2ヶ月間受けられる、実質半額セール (2024年3月17日まで・先着)

Flutterラボの

プレミアム会員になる

【Flutter】文字の途中にアイコンを入れて表示する

2020.08.24

完成形

画像1

child: WidgetText(
 '文字の途中にアイコン等のWidgetを表示して、そのまま改行できるようにする',
 positions: [
   0,
   6,
   18,
 ],
 children: [
   Icon(Icons.add),
   Icon(Icons.mail),
   Icon(Icons.check),
 ],
 style: TextStyle(fontSize: 23.0),
),

このように『WidgetText』というクラスを呼び出すだけで文字の途中にアイコン等のWidgetを挿入した新しいWidgetとして扱うことができるようになるのを目指します。

手順

1. 『WidgetText』クラスのコードをコピペ
2. 完成形のように『WidgetText』を呼び出す

コピペ用コード