App path Data

More than one screen

An app with separate screens, where only one shows at a time and the app remembers which.

Start this module

Example brief

A notes app needs a list screen, an add screen and a detail screen for reading one note in full.

An example. Use your own idea next.

Steps

List the and what each one is for.
Ask for each screen as a marked data-screen, and buttons that switch between them.
Open a note from the list. Does the detail screen show that note, and can you get back?

What you will learn

Screens: One view of the app at a time, such as list, add or detail. They are sections on the web and views on a phone.
Navigation state: Remembering in the state object which screen is showing and which item is open.

A sample prompt

A notes app with three screens: a list of notes, an add screen, and a detail screen for one note. Show one screen at a time and keep track of which note is open.

Write yours first, then compare.

To complete it

Pass all 9 checks on one version, then accept.