推荐学习顺序:

  1. 掌握 React Native 核心组件(视图、文本、样式、交互)

  2. 学会使用 react-navigation 跳转页面

  3. 学习 Expo 常用模块(如图片、通知、存储)

  4. 尝试项目开发 + 真机测试(Expo Go)

  5. 理解 build / 打包流程(EAS Build)  

🟢 第一部分:React Native 核心 API(重点是“基础开发能力”)

类别关键 API用途
📦 布局View、ScrollView、SafeAreaView布局容器、滚动区域、适配 iPhone X 等异形屏
🖼️ 展示Text、Image显示文本、图片
🧭 导航react-navigation:Stack.Navigator、Tab.Navigator页面跳转、顶部/底部导航
🧮 样式StyleSheet.create创建样式对象,类似 CSS
🔠 输入TextInput、KeyboardAvoidingView表单输入、软键盘适配
⬆️ 列表FlatList、SectionList渲染大量数据列表
⚙️ 状态useState、useEffect、useRef、useContextReact 核心 Hooks
✋ 手势TouchableOpacity、Pressable按钮点击、手势反馈
🌀 动画Animated(或 Reanimated)控制组件过渡、动效
📲 平台Platform、Dimensions判断平台(iOS/Android)和设备尺寸
🔒 权限PermissionsAndroid(部分 Expo 模块内部已封装)Android 权限控制

 

🟣 第二部分:Expo 特有能力(核心是“能力扩展”)

类别模块用途
📷 媒体expo-image-picker选取图片或拍照上传
📍 定位expo-location获取地理位置信息
🔔 通知expo-notifications推送通知功能
🎬 启动页expo-splash-screen自定义启动页
💾 存储expo-secure-store、AsyncStorage保存用户 token、偏好设置等
🛠️ 系统功能expo-device、expo-clipboard、expo-network设备信息、复制粘贴、网络状态等
📦 路由expo-router类似 Next.js 的文件夹路由方式
🧪 更新expo-updates热更新,用户无需重新下载 app
🎨 图标@expo/vector-icons内置图标库 FontAwesome 等

不建议只看 Expo 文档。

✅ Expo 文档是对 React Native 的封装与扩展,而不是替代。
所以你在用 Expo 时,两份文档都建议查阅:

✅ 举例说明:

场景应该查阅哪个文档?
你想知道如何使用 <Text>、<ScrollView>、StyleSheet.create📘 React Native 文档
你想使用相机、图片选择器、推送通知、全局更新📘 Expo 文档
你想了解 expo-router 的页面结构📘 Expo 文档
你想做手势操作、动画过渡📘 React Native 文档(+ Reanimated)

✅ 最后一句话总结:

Expo 是 React Native 的上层工具集,它简化开发流程,但不等于完全替代 React Native 文档。

 

 

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐