diff --git a/template/.env.storybook b/template/.env.storybook
new file mode 100644
index 0000000..10db70b
--- /dev/null
+++ b/template/.env.storybook
@@ -0,0 +1,11 @@
+ENVIRONMENT='storybook'
+APP_IDENTIFIER='com.ios.dev'
+APP_NAME='App Storybook'
+ANDROID_APP_ID='com.android.dev'
+APK_NAME='apk_name'
+#################################
+IOS_APP_VERSION_NUMBER=0.1
+ANDROID_APP_VERSION_NUMBER=0.1
+APP_VERSION_CODE=1
+#################################
+LOAD_STORYBOOK=true
\ No newline at end of file
diff --git a/template/App.tsx b/template/App.tsx
index 39cc799..01ee09b 100644
--- a/template/App.tsx
+++ b/template/App.tsx
@@ -16,6 +16,8 @@ import Navigator from './src/navigator/Navigator'
import { GlobalSnackBar } from './src/components/SnackBar/GlobalSnackBar'
import LocalizationProvider from './src/localization'
import { ThemeProvider } from './src/theme'
+import StorybookUI from './storybook'
+import Config from 'react-native-config'
// Enable screens support before any of your navigation screens renders
enableScreens()
@@ -37,4 +39,4 @@ const App = () => {
)
}
-export default App
+export default Config.LOAD_STORYBOOK === 'true' ? StorybookUI : App
diff --git a/template/README.md b/template/README.md
index 7d7537d..0805d92 100644
--- a/template/README.md
+++ b/template/README.md
@@ -65,6 +65,7 @@
## Getting Started
### Firebase setup
+
Show instructions
@@ -87,6 +88,7 @@
Show instructions
@@ -134,6 +136,7 @@ service cloud.firestore {
Show instructions
@@ -163,6 +166,7 @@ service cloud.firestore {
Show instructions
@@ -182,9 +186,31 @@ src/theme/fonts/index.tsx
Show instructions
-- Storybook - https://github.com/storybookjs/react-native -
+1. Storybook document - https://storybook.js.org/tutorials/intro-to-storybook/react-native/en/get-started/
+
+2. iOS
+```ruby
+yarn istorybook
+```
+
+3. Android
+```ruby
+yarn astorybook
+```
+
+4. Use Storybook server (Optional)
+```ruby
+yarn storybook
+```
+Then reload your simulator or device
+