React Native 项目 iOS 跑得动 Android 各种崩溃？样式和 React 完全一样却不知道哪些 CSS 属性支持？React Native 学习曲线平缓，但坑深：导航、原生模块、性能、构建系统每个都能踩一周。这份资源整合 React Native 官方 UI 组件库源码，覆盖所有核心组件。

[判断标准] 你的项目是否适合 React Native

适合：已有 React/Web 团队、需要快速迭代、原生功能需求简单（相机/地图/分享）、预算有限。需谨慎：复杂动画、极致性能、深度定制原生 UI 的项目。

[关键参数] Flexbox 布局与样式继承

RN 用 Yoga 引擎实现 Flexbox，所有 View 默认 flex-direction:column（与 Web 相反）。所有样式通过 StyleSheet.create 声明，避免内联样式带来的性能损耗。

[避坑点] 不要在 render 里创建函数

每次 render 都创建新函数 → 子组件 re-render。正确做法：事件处理用 useCallback、对象/数组用 useMemo、组件用 React.memo 包装。资源包演示标准性能优化模式。

[易踩坑] iOS Pods 与 Android Gradle 的本机差异

iOS 装依赖后必须 cd ios && pod install；Android 依赖冲突时清 ~/.gradle 缓存。资源包已剔除 iOS 长路径 Pods 目录，源码程序直接 react-native run-ios/run-android 即可启动。

[场景建议] 5 类 RN 高频组件模式

①导航：React Navigation 6 + Stack/Tab；②列表：FlatList + 分页加载；③表单：Formik + Yup；④网络：Axios + 拦截器；⑤状态：Redux Toolkit / Zustand。

总结：资源包含 React Native 官方组件库源码、导航/列表/表单实战模板、性能优化指南、CI/CD 配置示例。源码程序即下即用。