📐Screens and Navigators

How to set up and organize your app.

From Idea to App

To go from an idea to app, we strongly recommend that you sketch out your vision using the below app templates. It's important to first create a roadmap for how people will interact with your app.

Navigator Tutorial

Arrange Screens with Navigators

Most apps navigate through screens using navigators. Click here to watch a tutorial on how to use each navigator.

Here are three examples of navigators that you can use on Thunkable.

1. Bottom and Top Tab Navigators - These navigators allow you to change screens by clicking on icons at the top or bottom of the screen.

Top Tab Navigator

2. Drawer Navigators - A navigator that pulls out a side menu of different options to choose from.

Layout Components

Top Tab NavigatorBottom Tab NavigatorDrawer NavigatorScreenGroup