Appnatively
Appnatively
Knowledge Base
Go to Studio
Knowledge Base
Go to Studio
Getting Started
Welcome to AppNativelyCreate your first appFinding your way around the Studio dashboard
Website Connection
Connect your website to AppNativelyInstall and update the required pluginChoose which plugins power your app“Website Not Connected” – what it means and how to clear itFix a failing or dropped connection
App Editor
Build your app with AI chatWrite prompts that get the screen you wantUndo an AI change you don’t wantEdit screens and components by handManage your app’s pagesDesign your headerDesign your bottom navigationAdd and edit drawersManage your themeHow your changes reach your usersSave vs. Publish – what each one doesWhen a new release is requiredWhen AI gets it wrong
Splash & App Icon
Set your app iconAdd Android Adaptive Icon layersDesign your splash screenRecommended image sizes
Publishing Setup
What you need before your first buildSet your app’s name, slug, and package IDAdd Android credentials and your keystoreAdd iOS certificates and provisioningConnect Google PlayConnect the App StoreSet up Firebase Configuration
Build & Deploy
Connect GitHub before you buildBuild your app – and submit it to the storeFix a failed build
Push Notifications
Create and send a push campaignTrack campaign performanceNotifications aren’t arriving
Integrations
Connect a third-party service

Manage your app’s pages

Every screen in your app is a page, and they’re all managed from one place – the Pages bar running along the left edge of the App Editor.

Steps

1. Open the Pages bar

It’s docked to the left edge of the editor and lists every page in your app.

2. Add a new page

Click Add Page to create a fresh, blank screen.

3. Rename a page

Select a page and rename it to whatever makes it easy to identify later.

4. Duplicate a page

Duplicating copies a page’s entire layout and content – a fast way to start a new page that’s similar to one you already have, rather than rebuilding from scratch.

5. Delete a page

Deleting asks for confirmation first, since it removes the page’s layout permanently.

6. Collapse the Pages bar

If you want more canvas space while you work, collapse the Pages bar – it doesn’t affect anything, it just gets out of the way.

FAQ

Edit screens and components by hand
Design your header
Was this page helpful?
On this page
Steps1. Open the Pages bar2. Add a new page3. Rename a page4. Duplicate a page5. Delete a page6. Collapse the Pages barFAQDoes duplicating a page also duplicate its content, or just the layout?+Is there an undo if I delete the wrong page?+