広告

Flutterラボの

プレミアム会員になる

2020.09.27

Flutter初心者がアプリ開発学習で挫折しないために、基本的なWidgetやDartの文法についての記事を更新しています。
Flutterのオンライン講座のリンクも載せていますので、ぜひそちらもご覧ください。

プログラミングで副業!アプリ開発学習 | ONthe UMEDA 企業のファン獲得から個人の生活品質向上まで、ますます需要の高まる"アプリ"の開発を、ご自身のペースで学べる教材・学習サポー onthe.osaka

横線は『Divider』というウィジェットを使うと表示することができます。

Divider()

縦線は『VerticalDivider』というウィジェットを使うことで実装できます。

ですが、このウィジェットだけでは実装することができません。

実装方法としては高さを指定したContainerウィジェットのchildにVerticalDividerを設定します。

Container(
    height: 20,
    child: VerticalDivider()
)

縦線をどこまで表示するかの設定をContainerの高さでしてあげる必要がある様ですね!


ハッチアウトスクール ハッチアウトスクールの公式サイトです hatchout.net



Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)