Flutterラボ
【Flutter】文字の途中にアイコンを入れて表示する
#プログラミング#Flutter#dart#ハッチアウトスクール#hatchoutschool#Dart_Lang

完成形

画像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』を呼び出す

コピペ用コード