How to add screens to your FlutterFlow project?

Step 1: Sign in to FlutterFlow

The first step is to navigate to the FlutterFlow website via a web browser such as Google Chrome, Mozilla Firefox, or Safari. The website URL is https://flutterflow.io/.

Once you've navigated to their site, locate the 'Sign in' button, often situated at the top right corner of the web page, and click on it. You might have to enter your registered email address and password to log in.

If you're a new user, you can sign up by clicking on the 'Sign up' button, where you will be prompted to create an account by providing necessary details.

Step 2: Select your Project

Once you're logged in, you will be redirected to a dashboard that houses all your past and current projects. Your dashboard will show all of your projects together with their properties.

To add screens to a project, select the project you want to work on by simply clicking on the project title or the card associated with the project.

Step 3: Open the Design Interface

After you've selected the desired project, you will be greeted with the main interface of the FlutterFlow with multiple options to build or modify your project.

Locate and click on the 'Design' option from the main navigation panel found on the left side of the screen.

Step 4: Add New Screen

Inside the Design interface, you will find all your current screens for the selected project. Different screen cards will indicate their role (for instance, home screen, splash screen etc.)

To add a new screen, look for the 'Add New' or '+' button, which is typically located at either the top corner or bottom corner of the current screens list.

Step 5: Choose a Screen Layout

Upon clicking on the 'Add New' or '+' button, you will be prompted to select a layout for your screen. The layout describes the basic structure of the screen and gives you an initial setup to start designing your screen.

FlutterFlow offers a variety of preset layouts to choose from like 'Blank', 'Tabbed Navigation', 'Top Navigation' etc. Select a layout that suits the function of your screen and click on it.

Step 6: Naming your Screen

After you've selected a layout, you will be required to name your newly created screen. A pop-up box will appear where you can type in the name. Put a name that signifies what the screen does or displays in your project.

Once you've named it, click on the 'Create Screen' or 'Confirm' button on the pop-up box.

Step 7: Start Designing your Screen

With these steps successfully executed, you've successfully added a screen. You will be redirected to work on the screen where you can now start designing the screen using the various design tools and options that FlutterFlow offers.

Remember, you can always add additional screens by performing the same steps and you can switch between screens via the 'Screens' dropdown menu on the top.