見出し画像

【Flutter】Rowを改行させる(Wrap)

Rowでたくさんのウィジェットを横並びにする場合、画面サイズを超えてしまうとエラーになってしまうことがあります。

Row(
 children: [
   buildTag(title: '弁護士'),
   buildTag(title: '税理士'),
   buildTag(title: '社会保険労務士'),
   buildTag(title: '司法書士'),
   buildTag(title: '行政書士'),
   buildTag(title: '弁理士'),
   buildTag(title: '公認会計士'),
 ],
),

画像1

RowではなくWrapウィジェットを使うことで、画面サイズを超えてしまった場合、ウィジェットを2行で表示することができます。

Wrap(
 children: [
   buildTag(title: '弁護士'),
   buildTag(title: '税理士'),
   buildTag(title: '社会保険労務士'),
   buildTag(title: '司法書士'),
   buildTag(title: '行政書士'),
   buildTag(title: '弁理士'),
   buildTag(title: '公認会計士'),
 ],
),

画像2


この記事が気に入ったらサポートをしてみませんか?