【Flutter】Rowを改行させる（Wrap）

Flutterラボの

プレミアム会員になる

ホーム

記事

マガジン

【Flutter】Rowを改行させる（Wrap）

2020.12.26

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

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

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

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