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. The UI Builder will then open and show a blank page.
  • To start from a template, hover over the template you would like to use and select Use Template

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.

Copy Pages Between Projects

To copy a page to a new project:
  • Copy the page from the widget tree (or Select Page and Component menu)
  • Open a new project and create a blank page
  • Paste the page into the widget tree
Last modified 8d ago