用途概括掌握 React Native 样式、React Navigation 与 Reanimated 3 动画，用于跨平台移动开发。提供 TypeScript 示例、最佳实践（记忆化、UI 线程动画、安全区）及常见问题修复。价值：构建高性能原生级应用，具备流畅导航与 60fps 动画。
业务领域
DesignCoding
技能形态
Style Guide
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
构建 React Native 应用、实现导航（React Navigation 6+）、创建 Reanimated 3 动画、样式化组件或优化跨平台移动 UI/性能时使用。
开发者获得高性能、原生级 RN 应用，具备正确导航、流畅 60fps 动画及遵循既定模式的平台差异化布局。
使用场景
某初创公司用 React Native 开发跨平台电商 App。团队借助本技能以类型化 ParamList 实现底部标签与栈导航，用 StyleSheet 样式化商品卡，并通过 Reanimated 添加按压动画。避免了导航类型错误与动画卡顿，更快交付精致应用。
开发者将 iOS 独占应用移植到 Android。利用本技能的平台差异化指引（Platform.select、SafeAreaView）适配异形屏与 Material 风格，Reanimated 模式保障双端 60fps 动画，减少真机测试轮次与体验缺陷。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件