用途:用于构建跨平台移动应用,覆盖 React Native 的现代开发模式,适合 iOS/Android 开发、移动端原型制作与代码共享。
主要能力与组织方式:资料给出建议的项目结构,src 下分为 components(可复用 UI 组件)、screens(屏幕组件)、navigation(React Navigation 配置)、services(API 与业务逻辑)、store(状态管理)、hooks(自定义 Hook)、utils(辅助函数)。
导航:使用 @react-navigation/native 的 NavigationContainer,配合 createNativeStackNavigator 与 createBottomTabNavigator,可组合堆栈导航与底部标签导航。
状态管理:示例采用 Redux Toolkit 的 createSlice,定义 userSlice,包含 data、loading、error 状态及 setUser、setLoading、setError 三个 reducer。
API 客户端:使用 axios 创建实例,并通过 AsyncStorage 读取 token,在请求拦截器中添加 Authorization 头。
最佳实践:使用函数组件与 Hook;实现错误边界;用 keyExtractor、getItemLayout 优化 FlatList;用 Platform.select() 处理平台差异;使用 TypeScript 保证类型安全;在 iOS 与 Android 上分别测试。
应避免:内联样式(改用 StyleSheet)、以索引作为列表 key、在 AsyncStorage 中存储敏感数据、忽略平台差异。
限制:资料未提供安装命令、依赖版本、收费方式、平台支持范围或效果数据。