code deep_

React Native 跨平台实战进阶

人已订阅
·
200 元 . 立即订阅

超前预购优惠

¥200¥1000
  • 永久阅读权限，包含后续更新
  • 支持微信/支付宝安全支付
超前投资计划

超前投资, 超级优惠

限时超前投资期间专享价格

老用户专属 · 推荐
¥50

已购任意关联专栏即可享受

已购买以下任意专栏的用户，即可以专属价订阅：

Next.js 实战进阶React 源码React 19 架构尊享版
  • 永久阅读权限，包含后续更新
  • 进入付费交流群
  • 作者直播答疑
新用户优惠
¥200
¥1000省 ¥800

无需任何前置条件，超前投资期间享受特惠价格，正式上线后恢复原价

  • 永久阅读权限，包含后续更新
  • 进入付费交流群
  • 作者直播答疑
立即超前投资
支持微信 / 支付宝购买后立即生效正式上线后恢复原价
超前投资 · 限时优惠
超值赠品

订阅即赠 React Query 专栏

购买本专栏后，将免费获得《TanStack Query》专栏永久阅读权限，助你全面掌握 React 数据请求最佳实践

RQ

React Query

原价 ¥39.9 · 免费赠送

购买后自动开通永久有效含后续更新
课程目录

全部章节

74节课程

项目初始化

01
环境安装
02
创建新项目
03
在 Android 上运行项目
04
Android 真机调试
05
引入 nativewind
06
React Native DevTools
07
引入导航 React Navigation
08
路径别名配置

React Navigation

09
静态导航与动态导航
10
导航架构设计
11
栈导航容器
12
页面跳转与传参
13
页面配置项
14
首页底部导航栏
15
抽屉导航
16
Tab View 选项卡视图
17
Modal 模态框
18
导航生命周期
19
共享元素过渡动画
20
Elements 组件库

Expo

21
Expo Go
22
Development Build
23
expo-dev-client 核心优势
24
CNG 持续原生生成
25
EAS 云端服务
26
Expo Orbit
27
Expo Doctor
28
NativeWind v5 安装

Style

29
基础布局元素与规则
30
样式进阶技巧
31
安全区域详解
32
响应式适配
33
暗黑模式
34
跨平台样式差异
35
触控反馈与状态样式
36
键盘遮挡适配
37
静态资源处理
38
渐变处理方案
39
样式性能优化
40
无障碍适配

NativeWind

41
实现原理与基础使用
42
自定义主题与设计系统
43
高级样式技巧
44
自定义组件封装
45
响应式与自适应布局

Expo Router

46
文件路由基础与核心概念
47
Stack 栈导航
48
Tab 底部标签导航
49
Drawer 抽屉导航
50
导航器嵌套
51
动态路由与参数传递
52
路由分组与布局配置
53
编程式导航
54
Modal 模态框
55
路由守卫与鉴权
56
Deep Linking 深度链接
57
错误处理与未找到路由
58
类型安全路由
59
Web 平台特性

动画

60
RN 动画生态全景图
61
Animated API
62
Animated 组合动画
63
插值 (Interpolation)
64
Animated.ScrollView
65
LayoutAnimation

Reanimated

66
Reanimated 的高性能秘密
67
Reanimated 基础语法
68
组合动画
69
派生
70
runOnJS 与 runOnUI
71
interpolate 插值
72
interpolate 高级应用

手势操作

73
手势系统的演进
74
Tap 点击手势
持续更新中永久阅读权限
适合人群

精准匹配
学习需求

无论你是初学者还是资深开发者，都能在这里找到提升空间

4类目标人群

React 基础开发者

具备 React 基础知识《React 基础》

技术栈扩展者

想要掌握 React Native 跨平台开发能力

架构师与领导者

大前端架构师、前端 mentor、项目 Leader

大厂冲击者

对 React Native 掌握薄弱，想要提升竞争力

课程规划

三阶段学习路线

注意：章节内容会在编写过程中逐步调整，请以实际内容为准

PHASE
01

React Native

跨平台基础与核心机制

  • 开发环境搭建与工程配置
  • React Native 渲染机制深度解析
  • 移动端样式与 Flexbox 布局
  • 基础 UI 组件与交互
  • 路由方案：React Navigation
  • 整体项目架构设计
  • 数据与状态管理
  • 动画与动效实现
  • 项目实战案例
  • 性能优化与调试技巧
10个核心模块
PHASE
02

iOS Swift

原生 iOS 开发与桥接

  • 项目结构与工程配置
  • 路由与导航方案
  • SwiftUI 现代声明式 UI
  • 状态管理
  • 网络与数据请求
  • 原生能力调用与封装
  • 项目实战案例
  • 性能优化与调试技巧
  • 与 React Native 结合使用
  • iOS 平台特性适配
10个核心模块
PHASE
03

Kotlin

Android 原生开发与桥接

  • 项目结构与工程配置
  • 路由与导航方案
  • Compose 现代声明式 UI
  • 状态管理
  • 网络与数据请求
  • 原生能力调用与封装
  • 项目实战案例
  • 性能优化与调试技巧
  • 与 React Native 结合使用
  • Android 平台特性适配
10个核心模块
React Native 核心iOS 原生开发Android 原生开发
完整跨平台技术栈
购买须知

订阅前
请仔细阅读

了解专栏权益与注意事项

6条须知
  • 01

    本专栏为特殊的内置案例展示方式：文字穿插案例演示

  • 02

    订阅用户可享有专栏永久阅读权限

  • 03

    本专栏为「这波能反杀」独立创作，目前处于超前投资的时间，无法获得更低优惠

  • 04

    购买之后请添加我的微信：icanmeetu 进入付费交流群

  • 05

    本专栏无法支持退款操作，购买之前请谨慎思考

  • 06

    本专栏版权归我个人所有，任何机构、媒体、网站或个人未经本人协议授权不得转载、链接、转贴或以其他方式复制发布/发表，违者将依法追究责任

专栏首页
到顶
专栏目录