如何切换应用程序 UI 和 Storybook UI

Question

我正在设置 Storybook 以在我的应用程序中开发组件，在 UI 之间切换的最佳方式是什么？

目前我正在用 :

替换我的应用条目

export default from './storybook';

如何在生产中删除它？

Answer 1

yarn add react-native-config，然后pod install
如果您正在为 Android 开发，请按照 here
在您的项目根目录中，创建一个 .env 文件
您添加到 .env 的任何环境变量可以访问为 Config.YOUR_ENVIRONMENT_VARIABLE

Now, add the environment variable LOAD_STORYBOOK=true to .env.

在 App.tsx 中，如下所示更改您的代码，以便有条件地呈现 Storybook。

import StorybookUI from './storybook'
import Config from 'react-native-config'

const App = () => {
  return (
    // Your actual app
  )
}

export default Config.LOAD_STORYBOOK === 'true' ? StorybookUI : App

如何切换应用程序 UI 和 Storybook UI

How to switch app’s UI and the Storybook UI

react-native

storybook