React Native跨平台移动应用开发

目　录第1章　React Native 11.1 React Native开发特点 21.1.1 一次学习，随处编写 21.1.2 混合开发 21.1.3 高效的UI开发 31.1.4 高效的UI调试 41.1.5 学习门槛低、开发难度低 41.1.6 开发软硬件要求低 51.1.7 使用React Native开发的代价 51.1.8 为什么React Native尚未流行 71.2 React Native开发环境搭建 71.2.1 开发环境搭建起点 71.2.2 Windows操作系统下React Native开发环境搭建 81.2.3 苹果操作系统下React Native开发环境搭建 91.2.4 查看与删除使用npm命令安装的软件 111.3 代码编辑环境搭建 111.3.1 Sublime Text 3 111.3.2 开发用插件 111.3.3 Sublime界面风格选择 131.3.4 键盘使用习惯 131.4 React Native Dev tool安装 14第2章　状态机思维与状态机变量 162.1 初始化项目 162.2 运行项目 172.2.1 使用Android手机进行调测 182.2.2 使用iPhone手机或模拟器进行调测 212.2.3 修改JSX代码 222.2.4 ES 6语法与ES 5语法 242.2.5 启动调试工具 252.3 构建注册页面 282.4 React Native代码执行逻辑 322.5 状态机思维与状态机变量 332.5.1 状态机思维 332.5.2 “冒充常量”的状态机变量 352.5.3 “无处安放”的状态机变量 362.5.4 “努力瘦身”的状态机变量 362.6 React Native组件间通信 372.7 深入理解UI重新渲染的过程 372.7.1 合并状态机变量 372.7.2 判断是否渲染 402.7.3 替换状态机变量 402.7.4 强制启动渲染 412.7.5 渲染过程 412.7.6 合并状态机变量的最简语法 422.8 React Native组件的成员变量 422.9 React Native组件的静态变量、静态函数 43第3章　页面导航、弹出框及深入理解属性 443.1 分离注册组件、组件平台自适配 443.1.1 分离注册组件 443.1.2 组件平台自适配 443.1.3 平台检测 453.2 导航组件、挂接注册组件 453.3 挂接注册等待组件 473.4 Navigator组件工作机制 493.4.1 push与pop 503.4.2 replace函数 503.5 自定义组件 513.5.1 “弹出一切框”的实现 513.5.2 React Native中颜色类型的值 533.5.3 挂接自定义组件 543.6 BackAndroid API的bug与解决办法 563.7 属性确认 583.8 指定属性默认值 603.9 Alert应用程序编程接口 603.9.1 弹出确认框 603.9.2 弹出选择框 613.10 带导航栏的页面导航 62第4章　混合开发基础篇 634.1 iOS平台混合开发 634.1.1 与iOS 侧原生代码消息互通 644.1.2 React Native代码到iOS原生代码的消息 654.1.3 iOS 原生代码到React Native代码的消息 684.1.4 与iOS OC原生代码界面切换 694.1.5 应用初始界面设定 694.1.6 iOS混合开发中传递的参数类型 704.1.7 混合开发中的多线程使用 704.1.8 原生代码实现Promise机制 714.1.9 跨语言常量 724.2 Android平台混合开发 734.2.1 与Android原生代码消息互通 744.2.2 React Native代码到Android原生代码的消息 754.2.3 与Android原生代码界面的切换 784.2.4 Android原生代码到React Native代码的消息 824.2.5 应用初始界面设定 864.2.6 传递的参数类型 864.2.7 回调函数与Promise机制 864.2.8 监听ActivityResult与Android生命周期事件 884.2.9 混合开发中的多线程机制 894.2.10 跨语言常量 89第5章　flexbox布局、View、Image与可触摸组件 905.1 flexbox布局 905.1.1 位置及宽、高相关样式键 915.1.2 决定子组件排列规则的键 925.1.3 决定组件显示规则的键 945.1.4 边框、空隙与填充 955.1.5 组件多样式声明与动态样式声明 965.2 View组件 975.2.1 View组件的颜色与边框 975.2.2 View组件的阴影与其它他视觉效果 995.2.3 View组件的变形 1015.2.4 View组件的回调函数 1045.2.5 View组件的其他属性 1065.2.6 设备放置状态、根View与onLayout回调函数 1065.2.7 pointerEvents属性 1095.3 Image组件 1115.3.1 加载网络图片 1115.3.2 加载静态图片资源 1125.3.3 加载资源文件中的图片 1125.3.4 动态加载手机中的图片资源 1125.3.5 Image组件的样式 1135.3.6 Image组件显示特性 1145.3.7 Image组件的其它他属性 1175.4 可触摸组件 1175.4.1 可触摸组件类型 1185.4.2 TouchableOpacity组件 1185.4.3 TouchableHighlight组件 1185.4.4 其他属性 1205.5 加深理解三大组件 1205.5.1 使用导航栏的导航框架 1215.5.2 等比放大无丢失显示图片 1255.5.3 宽、高动态变化的组件呈现 128第6章　Text、TextInput等相关知识 1296.1 Text组件 1296.1.1 样式键设置 1296.1.2 其他属性 1316.1.3 Text组件的嵌套 1316.1.4 文本显示的阴影效果 1326.1.5 Text居中显示 1336.1.6 在字符串中插入图像 1356.2 Text组件在两个平台上的不同表现 1366.2.1 只指定fontSize，不指定height 1376.2.2 只指定height，不指定fontSize 1376.2.3 fontSize等于height 1376.2.4 height大于fontSize 1386.2.5 边框在两个平台上的不同表现 1386.3 TextInput组件 1406.3.1 TextInput组件样式键 1406.3.2 TextInput组件的属性 1406.3.3 TextInput组件iOS平台专有属性 1416.3.4 TextInput组件Android平台专有属性 1426.3.5 TextInput组件的成员函数 1426.4 TextInput组件在两个平台上的不同表现 1436.4.1 Android平台的输入下画线 1436.4.2 父组件的alignItems键失效 1446.4.3 只指定fontSize，不指定height 1456.4.4 height等于fontSize 1456.4.5 height大于fontSize 1466.4.6 边框在两个平台上的不同表现 1466.5 TextInput组件的生命周期 1476.5.1 获得焦点 1476.5.2 用户输入 1476.5.3 用户按下提交键 1476.5.4 失去焦点 1486.6 软键盘与键盘事件 1486.7 组件的引用 1516.7.1 定义组件引用 1516.7.2 得到系统定义的组件引用 1516.7.3 调用组件的公开成员函数 1526.7.4 重新设定组件的属性 1526.7.5 获得组件的位置 1546.8 跨平台状态栏组件 1556.8.1 StatusBar组件属性 1556.8.2 StatusBar组件使用示例 1566.8.3 手机状态栏在开发中的处理 1576.8.4 StatusBarIOS API 1586.9 高度自增长的扩展TextInput组件 1596.10 访问操作系统剪贴板 160第7章　组件生命周期、数据存储及React Native应用实现步骤 1637.1 组件生命周期 1637.1.1 getInitialState 1637.1.2 getDefaultProps 1637.1.3 componentWillMount 1647.1.4 componentDidMount 1647.1.5 componentWillReceiveProps 1647.1.6 shouldComponentUpdate 1657.1.7 componentWillUpdate 1657.1.8 componentDidUpdate 1657.1.9 componentWillUnmount 1667.2 读取JSON文件 1667.3 数据持久化操作 1677.3.1 flow语法检查器 1677.3.2 写入数据、错误捕捉 1687.3.3 读取数据 1707.3.4 AsyncStorage API存储数据的无序性 1737.3.5 删除数据 1737.3.6 修改数据 1757.3.7 JSON对象存储 1757.3.8 读取JSON对象 1767.4 数据表操作 1767.5 React Native应用实现步骤、日记例程（上） 1767.5.1 应用原型 1777.5.2 基础组件结构设计 1787.5.3 使用React Native组件搭建静态界面 1807.5.4 React Native组件分层 1887.5.5 实现各组件业务逻辑 1897.5.6 日记例程（上）总结 190第8章　ScrollView和ListView 2008.1 ScrollView组件 2008.1.1 ScrollView组件属性 2008.1.2 ScrollView组件iOS平台专有属性 2018.1.3 ScrollView组件Android平台专有属性 2028.1.4 ScrollView组件的公开成员函数 2038.1.5 RefreshControl组件 2038.1.6 ScrollView组件基本用法 2048.2 ListView组件 2068.2.1 ListView组件的属性 2078.3 简单的列表 2088.3.1 准备列表的数据源 2098.3.2 声明状态机变量 2098.3.3 将数据源中的数据拷贝到DataSource中 2108.3.4 定义如何渲染列表中的每一行 2108.3.5 实现简单的列表 2118.3.6 列表栏的高级处理 2178.4 带分段标志的列表 2178.4.1 准备数据源 2188.4.2 声明状态机变量 2188.4.3 将数据源中的数据拷贝到DataSource中 2198.4.4 定义如何渲染每个分栏 2208.4.5 定义如何渲染首、尾栏 2208.4.6 列表间隔渲染 2208.4.7 实现带分段标志的列表 2218.4.8 总结 2218.5 日记例程（下）总结 221第9章　等待提示条、进度条和Switch 2229.1 ProgressBarAndroid组件 2229.1.1 ProgressBarAndroid组件样式设置 2229.1.2 ProgressBarAndroid其他属性 2229.1.3 Android平台等待提示条 2229.1.4 React Native框架中定时器的使用 2249.1.5 Android平台进度条 2259.2 iOS进度条组件 2269.2.1 ProgressViewIOS组件样式设置 2269.2.2 ProgressViewIOS其他属性 2269.2.3 iOS平台进度条 2269.3 iOS平台等待提示条 2279.3.1 ActivityIndicatorIOS组件样式设置 2279.3.2 ActivityIndicatorIOS其他属性 2279.3.3 iOS平台等待提示条 2279.4 Swi