Flutter

今回は画面遷移するコードを追加します。list_page.dartのfloatingActionButtonのonPressedの{　}内に画面遷移のコードを追加しますが、Flutterの公式サイトを参照してみましょう。

現在、MyAppとInputPageという２つのStatelessウィジェットを作成しています。今回はInputPageも分割して、またMyAppの内容をListPageに名称を変更して分割します。

今回は新規登録や変更時に使用するために入力するためにInputPageというStatelessウィジェットを新たに作成します。

前回のコードを改良していきたいと思います。以下のbody内のCenterウィジェットをリスト一覧を表示するListViewウィジェットに変更します。

Flutterにはウィジェットという概念があります。ウィジェットはアプリの構造上の要素を表していて、レイアウトやボタンなどのコンポーネントなどほとんど必要な要素をパズルのように組み合わせることでアプリの構造を作成することができます。