GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 23:01:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

[documentation] Improve doc for React Native (#4680)

Browse Source 
* fix a error message: ReferenceError: Can't find variable: React
* fix a warning message:  Missing 'module' parameter for story with a kind
of 'CenteredView'. It will break your HMR
* doc: write more detail about app entry
This commit is contained in:
Okamuuu 2018-11-05 17:08:03 +09:00 committed by Gytis Vinclovas
parent 571c6b4d59
commit e7de7b6b91
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/react-native/docs/manual-setup.md
View File

@ -42,6 +42,7 @@ Then write your first story in the `stories` directory like this:
```js
import { storiesOf } from '@storybook/react-native';
import React from 'react';
import { View, Text } from 'react-native';
const style = {
@ -56,7 +57,7 @@ const CenteredView = ({ children }) => (
</View>
);
storiesOf('CenteredView')
storiesOf('CenteredView', module)
.add('default view', () => (
<CenteredView>
<Text>Hello Storybook</Text>
@ -68,6 +69,15 @@ Finally replace your app entry with
```js
import './storybook';
```
For example, if your entry app is named App.js/index.js (Expo/Vanilla). You can replace it with the following.
```
import StorybookUI from './storybook';
export default StorybookUI;
```
If you cannot replace your entry point just make sure that the component exported from `./storybook` is displayed
somewhere in your app. `StorybookUI` is simply a RN `View` component that can be embedded anywhere in your
RN application, e.g. on a tab or within an admin screen.