【 Flutter 】Flutter を 基礎 から 学習 ( Material ComponentsとiOS-Style ) part124 Material Components
「 基礎 から 学ぶ Flutter 」という書籍で 学習 したことを ブログでアウトプットしていこうと思います。今回は Material ComponentsとiOS-Style ( part124 )です。
前回
【 Flutter 】Flutter を 基礎 から 学習 ( Material ComponentsとiOS-Style ) part123 Material Components
引き続き、Material Componentsについて学びます。
Scaffoldウィジェット
Scaffoldウィジェットはマテリアルデザイン用の重要なウィジェットです。
appBarプロパティ
appBarプロパティはマテリアルデザインのAppBarに対応します。画面上部のヘッダー部分を担当します。
drawer, endDrawerプロパティ
drawerとendDrawerプロパティはマテリアルデザインのDrawerに対応します。
drawerプロパティはAppBarの左側に、endDrawerプロパティは右側にアイコンが表示されます。
メニューアイコン(?)をタップすると横からニュッとメニューが出てくるんですよね。たぶんコレことだと思います。
あれってDrawerというんですね。
floatingAcitonButton, floatingActionButtonLocationプロパティ
floatingActionButtonとfloatingActionButtonLocationプロパティはマテリアルデザインのFAB(floating action buttons)に対応しています。
bottomSheetプロパティ
bottomSheetプロパティはマテリアルデザインのBottom Sheetに対応しています。
ScaffoldウィジェットのbottomSheetプロパティは永続的に表示されるBottomSheetとなります。
persistentFooterButtonsプロパティ
persistentFooterButtonsプロパティは画面の下にボタンを並べる領域を作ります。
bottomNavigationBarプロパティ
bottomNavigationBarプロパティはマテリアルデザインのBottom Navigationに対応しています。
画面の最下部に領域を作成します。
最後に
続きは別のページで！
今日はここまで！