FlutterFlowチュートリアル③ ページの追加とページ遷移

image

ページの追加

PageSelectorから「Add Page, Component, or Flow」をクリックして「Create Blank」でページを追加します。
ページ名は自由につけて大丈夫ですが、ここでは「SecondPage」として進めます。 Add Page

PageSelectorで選択しているページを編集することができます。
わかりやすいように「Page Title」を「Second Page」に変更します。 Edit Page Title

画面遷移

HomePageのボタンからSecondPageへ遷移するようにしていきます。

HomePageのボタンを選択し、Actionsのパネルに移動し、「Add Action」をクリックします。 Move to Actions

Select Actionの「Navigate to」から「Second Page」を選択します。 Select Navigate to

動作確認

これで一通りできたので、右上のプレビューボタンを押して動作確認をします。 Preview

SecondPageに遷移できましたか?