File Management
As your app grows, managing your screens and flows becomes just as important as creating them. The File Name Edit & Delete feature helps you stay organized by letting you rename screens and remove the ones you no longer need.
This keeps your canvas clear, your project structure tidy, and your exported code easy to follow.
Video Tutorial
Why it matters
- Clarity in large projects → meaningful screen names make it easier for you (and your team) to navigate
- Clean code exports → renamed screens reflect in your downloaded React Native project structure
- Less clutter → deleting unused or test screens keeps your canvas focused on the actual flow
How to use File Name Edit / Delete
Open the screen menu
Click the three-dot menu in the toolbar above the screen you want to manage. You'll see two options: Edit filename and Delete file.
Edit filename
Click Edit filename, type the new name inline (for example, change '/signup' to '(auth)/signup'), and click OK to confirm.
Delete file
Click Delete file. A confirmation dialog appears showing the file path — click Delete File to remove it. This action cannot be undone.
Home screen note
The home screen is always labeled '/' as a standard. This cannot be renamed, since it represents the entry point of your app.
Exported project
Your file names update automatically in the generated React Native code.
Example workflow
- You start with a prompt: “App with login, dashboard, and profile”.
- Screens are generated as Screen1, Screen2, Screen3.
- Rename them to LoginScreen.js, DashboardScreen.js, ProfileScreen.js for clarity.
- Later, if you decide you don’t need the profile screen → delete it, keeping your canvas clean and codebase lean.
Collaboration note
Consistent naming is even more important when you’re working in teams:
- Clear file names reduce confusion during handoffs between PMs, designers, and developers
- For agencies and enterprises, organized projects make multi-seat collaboration smoother
- When exporting, teammates see the same structure they worked on in the canvas — no translation gaps