Import storybook

Author: haruelrovix

index.js

@@ -1,5 +1,6 @@
 import { AppRegistry } from 'react-native';
-import App from './src/App';
+
 import { name as appName } from './app.json';
+import StorybookUIRoot from './stories/storybook';
 
-AppRegistry.registerComponent(appName, () => App);
+AppRegistry.registerComponent(appName, () => StorybookUIRoot);

stories/storybook.js

@@ -0,0 +1,19 @@
+import { AppRegistry } from 'react-native';
+import { getStorybookUI, configure } from '@storybook/react-native';
+
+import { name as appName } from './../app.json';
+
+// import stories
+configure(() => {
+  require('./components/Avatar/avatar.icons.stories');
+}, module);
+
+// Refer to https://github.com/storybooks/storybook/tree/master/app/react-native#start-command-parameters
+// To find allowed options for getStorybookUI
+const StorybookUIRoot = getStorybookUI({});
+
+// If you are using React Native vanilla and after installation you don't see your app name here, write it manually.
+// If you use Expo you can safely remove this line.
+AppRegistry.registerComponent(appName, () => StorybookUIRoot);
+
+export default StorybookUIRoot;