Preview

The Preview Button lets you see your app in action inside RapidNative. Instead of looking at static screens on the canvas, you can focus on each screen individually, test navigation, and check how your app will appear across different devices.

What happens in Preview Mode

• Each screen is showcased independently in focus
• You can toggle between screens from the upper-right column, where screen names are listed
• Preview how your app looks on different device sizes:
  • iPhones
  • iPad & tablets
  • Google Pixel
  • Samsung Galaxy
• Interact with navigation and basic flows like a real app

Why preview matters

• Spot design issues before exporting full code
• Validate navigation and flow connections
• Check responsiveness across devices
• Share a convincing demo with teammates or stakeholders

How to use Preview

1. Build or refine your screens on the canvas.
2. Click the Preview Button.
3. Focus on a single screen, toggle between others in the right column.
4. Switch between device views to see how layouts adapt.
5. Exit Preview to return to editing.

Example workflow

• You’ve created login, dashboard, and settings screens.
• Open Preview Mode:
  • See the login screen in focus on iPhone view
  • Toggle to dashboard and test layout on Pixel view
  • Switch to iPad view to check spacing on the settings screen