ひとつのページだけでなく、他のページも簡単に追加できるようになっています。
この記事では、その手順について解説します。
他のページを追加して移動する手順
他のページを追加するには、左上に表示されている「Empty page」を選択します。
もし名前を変えていれば別の名前になっています。
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/0f2cd280053343e73d38addcdaf029c0.png)
次に、+マークを選択してください。
もし選択できない場合は、表示中のページが編集中になっています。
右上の「SAVE」を保存してから、もう一度選択してみてください。
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/64fb7ad9915096ffa6bfc4ecc54df349.png)
新しいページを追加します。
名前は何でも構いません。
入力したら OK を押して保存してください。
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/24940490e86a9a08bbb3996ad38310a9.png)
新しいページが追加されますが、これだけだと1ページ目と区別がつきにくいので、タイトルを適当なものに変えてみました。
修正ができたら、忘れずに SAVE しましょう。
編集中の状態では、違うページの編集画面に移ることができません。
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/4bacad4476c3f27922fef507b7c508fa.png)
1ページ目に戻ってきたら、ボタンのロジックとして、ページを開くコンポーネント「Open page」を追加します。
開くページが先ほど追加したページになっていることを確認してください。
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/f2668ee74e3420a45375404430a749a5.png)
これで準備が完了したので、動作確認をしていきます。
ボタンを押すことで、新しく追加したページに移動することが確認できました。
ボタンを押す前
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/IMG_4636-min.png)
ボタンを押したあと
![another-page](https://appgyver-master.com/wp-content/uploads/2020/12/IMG_4637-min.png)
これで複数ページのアプリも簡単に作成することができますね。
![appgyver-todo-book](https://appgyver-master.com/wp-content/uploads/2020/12/c16e31d6bc7b6df2383c58d4f5023144.png)
AppGyver の Todo アプリの作り方を1冊の本にまとめました。
簡単なアプリを自分で作ってみたい人におすすめです。