React Native视频教程

后端开发

课程简介

这门课解决什么问题本课解决移动端跨平台开发的工程化问题。从环境搭建、项目结构解析，到FlexBox布局与核心组件实战，再到完整的电商项目落地，帮你把React Native从概念转化为可运行的工程产出，而非停留在组件罗列的层面。课程以真实项目为锚点，让你学完即能复用到其他业务场景。适合什么基础适合具备JavaScript基础、了解React核心思想，…

已有 23 人浏览发布 2026-01-12 更新 2026-09-22

这门课解决什么问题

本课解决移动端跨平台开发的工程化问题。从环境搭建、项目结构解析，到FlexBox布局与核心组件实战，再到完整的电商项目落地，帮你把React Native从概念转化为可运行的工程产出，而非停留在组件罗列的层面。课程以真实项目为锚点，让你学完即能复用到其他业务场景。

适合什么基础

适合具备JavaScript基础、了解React核心思想，且有移动端开发意向的开发者。无需零基础的native知识，但需能看懂JSX与模块化代码。课程按“理解-布局-组件-项目”的逻辑递进，适合希望快速上手并落地真实业务场景的工程师。

建议先看哪几块

建议按此顺序学习：先看React Native初体验理清技术栈与目录结构，再学FlexBox布局和常局设置掌握页面骨架，接着看核心组件和案例吃透交互组件，最后进入电商项目实战完成端到端业务闭环。四块内容形成从原理到落地的完整链路，跳过任何一块都会影响后续项目的理解与上手。

学完能独立做什么

学完本课后，可独立完成React Native电商类应用的开发。不仅能把购物车、商品列表等基础模块跑通，还能熟练运用FlexBox处理复杂页面布局，并按规范组织项目结构。资料包中附带的参考代码可作为工程化模板直接复用，大幅缩短新项目的搭建周期。

资料怎么配合练习

建议边看视频边动手：每学完一块核心内容，立即在本地环境搭建对应项目并尝试复现案例。遇到FlexBox布局卡壳时，回看布局讲解视频结合资料代码逐行调试；电商实战阶段，先按资料代码跑通基础功能，再逐步替换为自有业务逻辑。资料代码不是复制粘贴的成品，而是需要你拆解、修改和重构的工程脚手架。

课程目录

/3-147-React Native视频教程/
│├─01React Native初体验
│├─02FlexBox布局和常局设置
│├─03核心组件和案例上
│├─04核心组件和案例下
│├─05电商项目实战上
│├─06电商项目实战下
│├─07资料代码
01React Native初体验/
│├─01-React Native简介.mp4 26.6MB
│├─02-React Native环境搭建.mp4 53.4MB
│├─03-React Native初体验及其它环境搭建.mp4 47.8MB
│├─04-React Native项目目录结构详解.mp4 39.7MB
02FlexBox布局和常局设置/
│├─01-组件View的介绍.mp4 39.9MB
│├─02-FlexBox布局上.mp4 28.2MB
│├─03-FlexBox布局下.mp4 78.4MB
│├─04-屏幕适配之获取屏幕的分辨率.mp4 29.8MB
03核心组件和案例上/
│├─01-昨日知识点回顾.mp4 13.9MB
│├─02-image案例包展示搭建界面.mp4 50MB
│├─03-图片设置数据并进行布局.mp4 41.9MB
│├─04-TextInput组件的常用属性.mp4 42.8MB
│├─05-QQ登录界面案例布局.mp4 42.3MB
│├─06-QQ登录界面样式设置并适配双系统.mp4 70.2MB
│├─07-Touchable触摸交互组件.mp4 55.8MB
│├─08-组件的生命周期上.mp4 45.1MB
│├─09-组件的生命周期下.mp4 19.8MB
│├─10-ScrollView组件的基本设置.mp4 51MB
│├─11-案例焦点图-设置图片.mp4 44MB
│├─12-案例焦点图-设置圆点.mp4 72.3MB
│├─13-案例焦点图-设置定时器.mp4 50.5MB
│├─14-ListView组件的介绍.mp4 85.1MB
│├─15-ListView组件的数据并布局.mp4 34.3MB
04核心组件和案例下/
│├─01-昨日内容回顾.mp4 9.1MB
│├─02-ListView案例九宫格-布局.mp4 54.1MB
│├─03-ListView案例九宫格-具体实现.mp4 26.8MB
│├─04-ListView吸顶效果原理.mp4 22MB
│├─05-ListView数据结构和数据的处理.mp4 82.3MB
│├─06-ListView实现吸顶效果和设置样式.mp4 46.8MB
│├─07-TaBbarIOS的具体实现.mp4 67.9MB
│├─08-TabBarIOS界面之间的切换.mp4 39.2MB
│├─09-新闻app小项目-初始化项目.mp4 53.7MB
│├─10-新闻app小项目-包装导航控制器.mp4 58.7MB
│├─11-新闻app小项目-请求网络数据.mp4 102.1MB
│├─12-新闻app小项目-处理网络异常的情况.mp4 21.5MB
│├─13-新闻app小项目-设置具体的界面数据.mp4 53.1MB
│├─14-新闻app小项目-设置头部数据.mp4 51.3MB
│├─15-新闻app小项目-设置新闻详情页.mp4 77.8MB
05电商项目实战上/
│├─01-初始化设置(掌握).mp4 57MB
│├─02-设置主要框架(掌握).mp4 52.3MB
│├─03-包装Navigator(掌握).mp4 75MB
│├─04-包装和封装导航(掌握).mp4 40.1MB
│├─05-设置首页头部的结构(掌握).mp4 54.9MB
│├─06-设置首页头部的样式(掌握).mp4 32.1MB
│├─07-设置安卓中启动图片(掌握).mp4 36MB
│├─08-更多的导航设置(掌握).mp4 33.8MB
│├─09-设置通用的cell(掌握).mp4 48.1MB
│├─10-设置cell的其他样式和类型(掌握).mp4 40.5MB
│├─11-我的公关的Cell(掌握).mp4 62.3MB
│├─12-设置我的公共的Cell的样式(掌握).mp4 35.2MB
│├─13-我的中间的内容设置(掌握).mp4 47.2MB
│├─14-头部下部分的内容(掌握).mp4 34.2MB
06电商项目实战下/
│├─01-首页头部(掌握).mp4 53.8MB
│├─02-设置首页头部里面的内容和结构(掌握).mp4 66.9MB
│├─03-设置ListView中的内容(掌握).mp4 52.9MB
│├─04-完善头部的内容(掌握).mp4 37MB
│├─05-设置中间的View的结构(掌握).mp4 20MB
│├─06-中间的组件设置(掌握).mp4 30.6MB
│├─07-中间组件-右边(掌握).mp4 49.1MB
│├─08-中间左边的View(掌握).mp4 39.1MB
│├─09-中下内容的结构搭建(掌握).mp4 7.5MB
│├─10-中下部分的内容样式(掌握).mp4 54.5MB
│├─11-购物中心-上部分(掌握).mp4 58.9MB
│├─12-设置购物中心-下部分内容(掌握).mp4 57.4MB
│├─13-设置购物中心详情(掌握).mp4 67.1MB
│├─14-设置猜你喜欢(掌握).mp4 62.5MB
│├─15-首页-猜你喜欢设置.mp4 31.2MB
│├─16-商家补充(掌握).mp4 10.5MB
07资料代码/