关于 React Native 的故事书!
React Native 版的 Storybook 文档网站正在建设中,您可以在 https://storybookjs.github.io/react-native/docs/intro/. 中找到它。 > [!IMPORTANT] 此 Readme 适用于 v10,若要查看 v9 版的文档,请参阅 v9.1 版文档。 使用 React Native 版的 Storybook,您可以在不运行应用程序的情况下设计和开发单个 React Native 组件。 如果您正在从 9 版迁移到 10 版,可以在以下位置找到迁移指南: 如需了解更多关于 Storybook 的信息,请访问: storybook.js.org > [!NOTE] 请确保将 Storybook 依赖项调整到相同的主版本,否则将出现异常行为。 目录
然后使用 withStorybook 函数包裹您的捆绑器配置。它会自动检测 Metro 和 Re.Pack，并处理一切 - 入口点交换、故事生成以及可选的 WebSocket 设置。不需要对 App.tsx 进行任何更改。设置 STORYBOOK_ENABLED=true 并运行：
对于使用 Re.Pack (Rspack/Webpack) 而不是 Metro 的项目,请参阅完整的 Re.Pack 设置指南。您还可以参考 RepackStorybookStarter 项目。Expo 路由器特定设置
对于全局装饰器和参数,您可以将它们添加到.rnstorybook文件夹中的preview.tsx中。
@storybook/addon-ondevice-controls: 实时调整组件属性[!注意]
deviceAddons确保在设备上运行时才加载设备上的附加组件,避免在服务器端操作时出现错误。为了兼容性,将它们列入addons仍然可以正常使用。
在快速刷新后,设备上的控制项停止工作: "当 canvasElement 未设置时无法渲染"
[功能请求] 选中故事时关闭底部页
从 `@storybook/react-native` 导入会将 Node.js 类型污染到 React Native TypeScript 环境中
自动化的"所有故事"故事
故事标签
创建所有故事共享的全局控制
react-native 自动文档支持
在 @storybook/addon-ondevice-controls 中添加 'check' 选项
在 Web 上的 asyncstorage: 读取 async 存储时出错 ReferenceError: window 未定义
支持故事播放功能