export-existing-onboarding

To convert a React Native onboarding flow to JSON, the exporter scans common project structures like Expo Router routes, src/screens, and features folders to locate onboarding screens. It then translates each screen into a structured ComposableScreen step JSON payload.

Onboarding design preservation works by capturing exact colors, fonts, radii, copy, and navigation order from the original source code. The exporter faithfully reproduces these visual and structural attributes so the generated JSON steps maintain the original user experience.

Yes, you can export onboarding screens from an Expo Router project. The exporter specifically detects onboarding flows by scanning common project structures including Expo Router routes, alongside src/screens and features folders, to identify screens named onboarding, welcome, intro, or getting-started.

The best way to migrate onboarding screens for SDK integration is to automate the extraction of screen designs into a structured JSON payload. This approach eliminates manual recreation by directly exporting each screen's layout, copy, and navigation order into a ready-to-use format.

No manual setup is required for different project structures. The exporter automatically scans common directories such as Expo Router routes, src/screens, and features folders to locate existing onboarding flows without requiring extensive manual configuration beforehand.

Your onboarding JSON export needs to preserve the original navigation order to ensure the Rocapine ComposableScreen steps faithfully reproduce the original user experience. Maintaining the exact sequence guarantees the migrated flow behaves identically to the source application.