FlutterFlow Docs
Search…
Pages & Templates

Add A New Page To Your Project

When building from FlutterFlow, you can start from a blank new page or use one of our custom-designed screen templates.
There are two ways to add a new page to your project:

From The Properties Panel:

    Select HomePage from the Properties Panel (right side of your screen).
    Select + Create New Page.
    Enter a Page Name e.g. Onboarding. Please note: page names must be at least 4 characters and can't have blank space.
    To start from a Blank Page, select + Create New under the Blank Page template.
    To start from a template, hover over the template you would like to use and select Use Template
    The UI Builder will then open and show a blank page.

From The Navigation Menu:

    Click Select Page Or Component from the Navigation Menu (left side of your screen).
    At the bottom of the screen, select + Create New (orange button).
    You will follow the same steps as above: Enter a Page Name and select a blank page or template you would like to use.

Delete A Page From Your Project

There are two ways to delete a page from your project:

From The Properties Panel:

    Use the drop-down at the top of the Properties Panel, to select the page you want to delete.
    Select the Trashcan Icon.
    A popup will appear, select Yes.

From The Navigation Menu:

    Click Select Page Or Component from the Navigation Menu (left side of your screen).
    Select the page you want to delete. An orange checkmark will appear to identify the page you have selected.
    Select the 3 dots next to the page you want to delete.
    A popup will appear. Select Delete Page and then select Yes.
If you encounter a page that is freezing, try deleting it from the Navigation Menu.

Copy A Page From Your Project

There are two ways to duplicate a page in your project:

From The Properties Panel:

    Use the drop-down at the top of the Properties Panel, to select the page you want to copy.
    Select the Copy Icon.
    A popup will appear, select Yes.

From The Navigation Menu:

    Click Select Page Or Component from the Navigation Menu (left side of your screen).
    Select the page you want to delete. An orange checkmark will appear to identify the page you have selected.
    Select the 3 dots next to the page you want to delete.
    A popup will appear. Select Duplicate Page and then select Yes.

​

Last modified 2mo ago