用途:该技能提供 React Native 专家级辅助,用于使用 React 与 JavaScript/TypeScript 构建跨平台 iOS 和 Android 原生应用。它渲染真实原生 UI 组件而非 WebView,在保持 React 开发体验的同时接近原生性能。
主要能力:覆盖新架构(TurboModules、Fabric 并发渲染、Bridgeless 模式)、Hermes JS 引擎、React Navigation 与原生模块;支持在 React Web 与 React Native 移动端之间共享 hooks、校验逻辑与状态存储;可接入 React Native 生态的库、开发工具与组件库。
使用方式:推荐用 Expo 快速起步,命令为 npx create-expo-app@latest my-app,随后 cd my-app 与 npx expo start。核心概念包括 Fabric 渲染器与 TurboModules 通过 C++ JSI 直接调用替代旧 JSON 桥接序列化;Yoga 引擎实现 Flexbox 布局;react-native-reanimated 通过 worklet 在 UI 线程执行手势与物理动画。常见模式如用 Reanimated 与 react-native-gesture-handler 实现可拖拽组件。
最佳实践:启用新架构(android/gradle.properties 中 newArchEnabled=true 及 CocoaPods);用 @shopify/flash-list 替代 FlatList;用 StyleSheet.create 提取样式;用 React DevTools 与 Flipper/Chrome Inspector 做性能分析。避免向 FlatList 项传匿名函数、在 JS 线程做重活、忽略 Android BackHandler。
限制:资料未提供收费、价格与平台支持范围等信息;具体版本兼容性与原生依赖冲突需按项目实际排查。