Slackコミュニティに

無料で参加する

Flutterラボの

プレミアム会員になる

【Flutter】コンテンツ表示可能領域に表示するWidget『SafeArea』

2020.09.16

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

Scaffoldのbodyプロパティに直接Textを表示しようとすると、本来の表示範囲外に表示されてしまいます。

Widget build(BuildContext context) {
 return Scaffold(
     body: Text('SafeArea', style: TextStyle(fontSize: 30.0)),
 );
}

画像1

本来の表示範囲のみに表示したいので、SafeAreaで囲います。

Widget build(BuildContext context) {
 return SafeArea(
   child: Scaffold(
       body: Text('SafeArea', style: TextStyle(fontSize: 30.0)),
   ),
 );
}
プログラミングで副業!アプリ開発学習 | ONthe UMEDA 企業のファン獲得から個人の生活品質向上まで、ますます需要の高まる"アプリ"の開発を、ご自身のペースで学べる教材・学習サポー onthe.osaka


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