【Flutter】縦に線を引く

#Flutter#dart#ハッチアウトスクール
Flutter初心者がアプリ開発学習で挫折しないために、基本的なWidgetやDartの文法についての記事を更新しています。
Flutterのオンライン講座のリンクも載せていますので、ぜひそちらもご覧ください。
横線は『Divider』というウィジェットを使うと表示することができます。
Divider()
縦線は『VerticalDivider』というウィジェットを使うことで実装できます。
ですが、このウィジェットだけでは実装することができません。
実装方法としては高さを指定したContainerウィジェットのchildにVerticalDividerを設定します。
Container(
height: 20,
child: VerticalDivider()
)
縦線をどこまで表示するかの設定をContainerの高さでしてあげる必要がある様ですね!