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

Add and edit drawers

A drawer is a panel that slides in over your app’s current screen – a cart summary, a filter list, anything that shouldn’t interrupt what someone’s already looking at. Two ship with every app by default, and you can add as many custom ones as you need.

Steps

1. Open the Drawers list

Find the floating Drawers panel, positioned just to the left of the properties panel on the right side of the editor.

2. Edit a built-in drawer

Every app starts with two built-in drawers – Add to Cart and Filter. You can edit their content and layout freely, but they can’t be deleted; they’re a permanent part of the drawer list.

3. Create a custom drawer

Click + to add a new drawer, then give it a name.

4. Manage a custom drawer

Rename, duplicate, or delete any custom drawer you’ve created – unlike the two built-in ones, these are entirely yours to manage.

5. Open a drawer from elsewhere in your app

Any button or navigation item can be set to open a specific drawer – choose Open Drawer as its action type, then pick which one. See Design your bottom navigation for one common place this comes up.

FAQ

Design your bottom navigation
Manage your theme
Was this page helpful?
On this page
Steps1. Open the Drawers list2. Edit a built-in drawer3. Create a custom drawer4. Manage a custom drawer5. Open a drawer from elsewhere in your appFAQWhy can’t I delete the Add to Cart or Filter drawers?+How many custom drawers can I create?+