Storybook has been added to the
mobile repository to help prototype components. To use Storybook:
In the root of the repository, run
npm run storybook. This step automatically scans and loads all stories, then opens a new browser tab with the Storybook interface.
Note: When using a real device, you may need to configure the Storybook Host URL by updating the
.env file in the root of the repository. When running in an emulator, the code tries to use the default network values.
Run the usual
npm run android (or
npm run ios) and
npm start commands.
Storybook has been integrated into the react-native dev menu.
din the terminal window where you ran
The Storybook interface opens in the mobile app. The stories can be controlled either through the desktop browser Storybook UI or the mobile browser Storybook UI. Both will render the component on the device.
Caveat: Promises are currently broken in Storybook for react native. Components using promises will not work correctly. There is a temporary hacky fix to work around this issue: storybookjs/react-native#57.