Rn Storybook Setup

Standard baseline for Expo React Native projects, including Expo Router.

Rules

• Use npx expo install for native Expo dependencies.
• Clear Metro cache when switching app and Storybook modes: expo start -c.
• Regenerate .rnstorybook/storybook.requires.ts when stories or addons drift.

Install

npx storybook@latest init
npm install --save-dev cross-env
npx expo install expo-constants

Environment Bridge

Use app.config.js to expose Storybook mode:

export default ({ config }) => ({
  ...config,
  extra: {
    ...config.extra,
    storybookEnabled: process.env.STORYBOOK_ENABLED === 'true',
  },
});