【提供真实接口】2026 React Native + Expo 零基础到项目实战教程/课程（全集）
教学风格：全程Learning-by-doing，从来不搞虚的，不讲废话，都是实实在在的，真实能用得上的东西。
「React Native 项目实战」这套课程，这是长乐未央全栈系列的第二套课程。在第一套课程里，我们学习了使用Node.js开发真实项目接口。这套课程，就学习使用 React Native，对接 Node.js 课程里所写的接口，完成属于自己的原生App。
本套课程配套有真实项目接口，课程内容分为：入门基础篇、路由配置篇、项目实战篇、上架发布篇。
不需要会React、不需要会Node.js、不需要会iOS、Android 原生开发，只要你会JavaScript就足够了。如果你之前有 Vue、小程序或 React 开发经验，那就更好了，课程完全就是为你贴身准备的。
视频选集
（83/88）
1 课程介绍
06:13
2 基础篇：使用 Expo 创建 React Native 项目
06:06
3 安装 iOS 与 Android 模拟器
08:17
4 Expo 操作指南
05:36
5 初识 React Native
03:52
6 React Native 中的样式
03:29
7 Hook 之 useState 状态管理
03:00
8 使用 map 遍历并渲染数据
02:05
9 运行真实项目接口
02:55
10 React Native 发起网络请求
04:34
11 Hook 之 useEffect 自动运行
03:01
12 useEffect 的依赖项实现搜索课程
03:32
13 自定义加载中组件
03:44
14 自定义网络错误组件
02:34
15 实现重新加载（子组件、props）
04:12
16 环境变量与封装 Fetch 请求
04:14
17 自定义 Hook 请求接口
03:12
18 Hook 之 useReducer 统一管理状态
04:06
19 Hook 之 useContext 全局共享数据
03:41
20 使用 ScrollView 组件
02:53
21 使用 FlatList 组件
04:22
22 React Native 其他常用组件
03:48
23 安装配置 Expo Router
02:45
24 使用 Link 组件跳转
01:26
25 布局文件、Stack 与 Slot
02:57
26 使用 router 方法跳转
02:47
27 动态路由与参数传递
03:07
28 设置导航栏标题
02:32
29 使用布局文件配置导航栏
03:19
30 使用自定义组件配置导航栏
05:18
31 TabBar 的标准配置方法
06:21
32 配置 TabBar 的图标和样式
02:03
33 配置模态页（Modal）
03:09
34 实战篇：正式项目目录结构与 Prettier 格式化代码
03:25
35 定义 src 路径别名：@
03:40
36 更新 Expo SDK 及相关依赖包
03:10
37 Expo Go 的便捷安装方法 & 网易 MuMu 模拟器的使用
05:18
38 全网首发！适配 iOS 26 液态玻璃之：TabBar（上）
05:23
39 全网首发！适配 iOS 26 液态玻璃之：导航栏（中）
04:47
40 全网首发！适配 iOS 26 液态玻璃之：Android 兼容处理（下）
03:59
41 开发 App 首页：推荐的课程
06:53
42 首页：拆分组件
05:03
43 液态玻璃 TabBar 遮挡页面问题
03:20
44 首页：实现下拉刷新（RefreshControl）
04:35
45 通知列表：FlatList 使用细节
04:32
46 通知列表：触底加载更多（onEndReached）
06:10
47 自定义 Hook：useLoadMore 实现加载更多
06:01
48 通知详情：React Native WebView 的使用
05:22
49 自定义组件：带进度条的 WebView
03:43
50 设置页：好用的列表 clwy-react-native-tableview-simple
06:02
51 访问网页的三种方式：Linking、WebBrowser 与 WebView
02:57
52 更好的用户体验：WebView 结合 WebBrowse
06:15
53 课程列表：clwy-expo-scrollable-tab-view 滚动的 Tab 栏
05:30
54 课程详情：用 FlatList 构建整个页面
07:17
55 FlatList 与 ScrollView + map 长列表性能测试
03:15
56 课程详情：分享功能
03:33
57 章节页：react-native-side-menu 侧边栏的实现
07:18
58 章节页：expo-video 视频播放器
05:42
59 搜索页的实现（修复 urlcat 问题）
04:50
60 登录认证：最基础的实现（Protected Routes 方式）
07:52
61 登录认证：自定义实现（无跳转方式）
02:43
62 登录认证：登录、注册表单
05:10
63 登录认证：对接真实接口
03:06
64 登录认证：使用 Token 访问需要认证的接口
04:13
65 用户注册页
02:25
66 键盘自动避让表单：react-native-keyboard-controller
03:50
67 用户页的实现
03:31
68 点赞功能
06:10
69 个人信息变更页（单选 Radio 的使用）
04:42
70 路由获得焦点：使用 useFocusEffect 自动更新用户页
03:22
71 本地存储 Async Storage 的使用
03:24
72 实现安全退出
01:26
73 处理登录超时
03:15
74 注销账户
03:03
75 上架要求：隐私政策弹窗（Modal 组件）
04:18
76 iOS 允许网络连接后，自动重新加载
04:01
77 上架发布篇：应用配置（app.json）
05:00
78 使用 Figma 制作应用图标与启动屏
05:19
79 应用图标与启动屏配置（app.json）
04:18
80 EAS 注册与配置（eas.json）
03:32
81 注册苹果 & Android 开发者账号
03:32
82 使用 EAS 云打包 iOS、Android 应用
05:39
83 获取 iOS、Andorid 的公钥和指纹信息
05:23
84 自助 App 备案，怒省 600 元
02:04
85 申请软件著作与部署隐私政策网站
01:55
86 发布到苹果 Apple Store 应用商店
06:17
87 安卓兼容性测试，与发布到小米、荣耀、Oppo、Vivo 和应用宝商店
04:55
88 终章：使用 EAS 本地打包 iOS、Android 应用（macOS 限定）
03:44
顶部