通过React.memo和PureComponent减少重渲染，避免内联函数；2. 使用FlatList实现列表虚拟滚动，优化keyExtractor和窗口参数；3. 采用fast-image和懒加载优化图片；4. 减少JS与原生通信，启用useNativeDriver，必要时用原生模块处理密集任务。
React Native 在移动开发中提供了接近原生的体验，但性能问题常成为瓶颈。优化 React Native 应用性能，关键在于减少不必要的渲染、优化资源加载和提升原生通信效率。
1. 减少组件重渲染
频繁的 re-render 会拖慢界面响应速度。应确保只有数据真正变化时才触发更新。
- 使用 React.memo 包裹函数组件，避免子组件在父组件更新时无差别重渲染。
- 类组件中可实现 shouldComponentUpdate 或使用 PureComponent 进行浅比较优化。
- 避免在 render 中创建新对象或函数，例如内联样式或箭头函数，这会导致每次渲染都生成新引用。
2. 优化列表渲染（FlatList 的正确使用）
长列表是性能热点区域。直接使用 ScrollView 渲染大量数据会导致内存飙升和卡顿。
- 始终用 FlatList 或 SectionList 替代 map 渲染列表，它们实现了虚拟滚动，只渲染可视区域内的项。
- 设置 keyExtractor 确保每个 item 有稳定唯一的 key。
- 调整 initialNumToRender 和 windowSize 平衡启动速度与流畅度。
- 对复杂 item 使用 ListItemComponent 预设或封装 memo 化。
3. 优化图片与资源加载
图片处理不当会显著影响内存和帧率。
立即学习“Java免费学习笔记（深入）”；
- 使用 resizeMode 合理缩放图片，避免加载超大图。
- 考虑使用 react-native-fast-image 替代默认 Image 组件，支持缓存和优先级加载。
- 懒加载非首屏资源，控制并发请求数量。
4. 减少 JS 与原生桥接通信
React Native 的 JS 和原生层通过异步桥通信，频繁调用会阻塞线程。
- 合并高频事件（如滚动、手势）的数据传递，避免逐帧发送。
- 使用 useNativeDriver: true 实现动画，让原生线程处理动画过程，减轻 JS 线程负担。
- 必要时编写原生模块处理密集型任务（如图像处理、加密），减少 JS 执行时间。
