React Native（RN）跨平台开发入门培训
一、培训目标
1. 掌握React Native（RN）核心概念、跨平台开发逻辑，理解RN“一次开发、多端部署（Android/iOS）”的入门原理，建立系统化的RN入门开发思维；
2. 精通RN开发基础（React基础、JSX语法、基础组件、布局），熟练运用RN开发工具，能独立完成简单跨平台APP界面开发与基础交互；
3. 贴合RN入门实战场景，掌握组件使用、路由跳转、简单数据处理等核心入门技能，能独立开发适配Android/iOS双端的简易跨平台APP；
4. 适配RN开发入门者、移动开发入门者、跨平台开发初学者等，突破单端开发局限，搭建RN跨平台开发的基础能力，为后续进阶学习奠定基础。
二、培训内容
模块1：RN跨平台开发入门认知与环境搭建
• 核心内容：RN核心认知（定义、跨平台优势、应用场景、与Flutter/React的区别）；RN开发前提（JavaScript基础回顾、ES6语法核心要点）；RN开发环境搭建（Node.js安装、React Native CLI配置、Android Studio/Xcode适配、模拟器/真机调试环境配置）；RN开发工具使用（VS Code配置、代码编辑、实时调试技巧）；第一个RN项目创建与运行（同时运行在Android/iOS双端，解决入门常见环境报错）。
模块2：React基础与JSX语法入门
• 核心内容：React核心概念（组件、虚拟DOM、Props、State）；JSX语法详解（语法规则、标签使用、表达式嵌入、样式绑定）；React组件基础（函数组件创建与使用）；Props属性传递（父组件向子组件传值、Props校验基础）；State状态基础（状态定义、状态更新、状态驱动界面变化）。
模块3：RN基础组件与样式开发
• 核心内容：RN核心组件分类（基础组件、原生组件）；常用基础组件用法（View、Text、Image、TextInput、Button、ScrollView）；组件属性配置与基础样式自定义；RN样式开发（StyleSheet样式表使用、Flexbox弹性布局基础、尺寸单位适配）；组件嵌套与布局基础技巧，避免入门常见布局错乱问题。
模块4：RN组件进阶与基础交互
• 核心内容：RN组件进阶（组件复用、自定义简单组件）；基础交互实现（按钮点击、输入框输入、列表点击）；事件处理机制（触摸事件、手势基础）；条件渲染与列表渲染（FlatList组件入门，实现简单列表展示）；列表渲染优化基础（避免重复渲染）。
模块5：RN路由跳转与页面通信
• 核心内容：RN路由核心认知（React Navigation框架入门）；React Navigation安装与配置；基础路由跳转（页面切换、返回）；页面间简单参数传递（父页面向子页面传值、子页面向父页面回传值）；路由导航栏基础自定义（标题、颜色设置）。
模块6：RN本地存储入门
• 核心内容：RN本地存储入门认知；轻量级存储方案（AsyncStorage）使用；AsyncStorage基础操作（数据写入、读取、删除、修改）；实战场景应用（存储简单用户偏好设置、临时数据）；本地存储常见问题排查（数据存储失败、读取异常）。
模块7：RN双端调试与常见问题排查
• 核心内容：RN双端调试基础（Android/iOS真机/模拟器调试方法）；调试工具使用（Debug JS Remotely、日志查看）；入门级常见问题复盘（环境报错、布局错乱、组件不显示、调试失败）；问题排查思路与解决方案；RN代码规范入门（命名规范、代码格式）。
模块8：RN打包发布入门（Android/iOS双端）
• 核心内容：RN打包核心流程认知；Android端打包入门（签名文件创建、简单打包配置、APK包生成）；iOS端打包入门（证书基础配置、IPA包生成基础）；打包入门常见问题排查（打包失败、签名错误）；应用市场发布基础认知（无需深入，了解流程）。
模块9：培训总结与答疑
• 核心内容：回顾RN跨平台开发入门全流程核心要点，梳理React基础、JSX语法、组件开发、路由跳转、本地存储的入门知识体系；解答入门实战疑问，针对性指导难点问题（环境搭建、布局错乱、调试失败）；明确RN入门后的进阶学习方向（组件封装、网络请求、状态管理）。
三、实战案例拓展
1. 案例1：简易个人信息展示APP（双端适配）——开发包含首页、个人信息页的简易RN APP，首页展示用户头像、姓名、简介，点击跳转至个人信息页，实现页面间参数传递；使用View、Image、Text等基础组件搭建界面，通过Flexbox布局适配Android/iOS双端屏幕；使用AsyncStorage存储简单用户信息，实现APP重启后展示存储的信息，完成双端调试与简单打包。
2. 案例2：简易待办清单APP（基础交互+本地存储）——开发简易待办清单工具，实现待办事项添加（输入框输入）、展示（FlatList列表）、删除（点击删除按钮）功能；使用Button、TextInput、FlatList等组件实现基础交互；通过AsyncStorage存储待办清单数据，保证APP重启后数据不丢失；优化列表渲染，适配双端展示效果，完成双端调试，掌握RN入门核心实战技能。
