react-native
用于在独立环境中开发和测试React Native组件的UI开发工具。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-native。 它的用途是：用于在独立环境中开发和测试React Native组件的UI开发工具。 详细介绍见：https://321skill.com/skills/react-native/ 请根据该页面的说明完成安装。
使用示例
“我正在开发一个React Native应用的按钮组件，想在集成到主页面之前单独测试它的各种状态（默认、按下、禁用）和样式。”，它会引导你使用Storybook创建一个`.stories.js`文件，用CSF语法定义组件的故事（stories），然后你就可以在Storybook的独立界面中交互式地查看和测试这个按钮，而无需运行整个App。
介绍
Storybook for React Native 解决了在完整应用上下文中难以隔离开发和测试单个React Native组件的问题。它允许开发者在一个独立的沙盒环境中构建、查看和交互式测试UI组件，无需启动和运行整个移动应用，从而显著提升组件开发的效率和专注度。
使用方式非常灵活。对于新项目，可以使用官方提供的Expo或React Native CLI模板快速初始化一个集成了Storybook的项目。对于已有项目，可以通过npx sb init命令自动完成依赖安装和基础配置。核心步骤是在应用入口（如App.js）中导出Storybook的UI，并可能需要根据项目类型（Expo或React Native CLI）更新Metro配置以启用现代包解析。
该工具非常适合前端开发、全栈开发以及UI设计师等角色。前端和全栈开发者可以用它来构建可复用的组件库、进行视觉测试和文档化；UI设计师则可以与开发团队协作，在开发早期查看和验证组件的外观与交互，实现设计与开发的紧密对齐。
建议在项目初期就引入Storybook，将其作为组件驱动的开发工作流的一部分。注意，它主要专注于UI组件的开发和测试，并不替代完整的应用集成测试或端到端测试。对于需要测试复杂业务逻辑或跨组件数据流交互的场景，仍需结合其他测试策略。
核心特点
与通用的UI组件开发工具不同，它专为React Native生态深度定制，解决了原生开发中组件预览依赖真机或模拟器的痛点；同时，它通过`sbmodern`解析器字段优化了包加载，避免了常见Polyfill冲突，提升了在React Native环境下的稳定性和性能。
注意事项
不适合需要测试完整应用流程、复杂页面间导航或深度原生模块集成的场景。
常见问题
如何在现有React Native项目中安装Storybook？
在项目根目录运行 `npx sb@latest init --type react_native` 命令即可自动完成安装和基础配置。
使用Storybook时，如何方便地在Storybook界面和我的主应用之间切换？
可以参考官方博客中关于如何通过条件渲染或环境变量来动态切换Storybook和主应用UI的方案。