ReactNative跨平台移动应用开发PDF|Epub|txt|kindle电子书版本网盘下载

ReactNative跨平台移动应用开发PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 React Native1

1.1 React Native开发特点2

1.1.1 一次学习，随处编写2

1.1.2 混合开发2

1.1.3 高效的UI开发3

1.1.4 高效的U1调试4

1.1.5 学习门槛低、开发难度低4

1.1.6 开发软硬件要求低5

1.1.7 使用React Native开发的代价5

1.1.8 为什么React Native尚未流行7

1.2 React Native开发环境搭建7

1.2.1 开发环境搭建起点7

1.2.2 Windows操作系统下React Native开发环境搭建8

1.2.3 苹果操作系统下React Native开发环境搭建9

1.2.4 查看与删除使用npm命令安装的软件11

1.3 代码编辑环境搭建11

1.3.1 Sublime Text 311

1.3.2 开发用插件11

1.3.3 Sublime界面风格选择13

1.3.4 键盘使用习惯13

1.4 React Native Dev tool安装14

第2章 状态机思维与状态机变量16

2.1 初始化项目16

2.2 运行项目17

2.2.1 使用Android手机进行调测18

2.2.2 使用iPhone手机或模拟器进行调测21

2.2.3 修改JSX代码22

2.2.4 ES 6语法与ES 5语法24

2.2.5 启动调试工具25

2.3 构建注册页面28

2.4 React Native代码执行逻辑32

2.5 UI框架工作基本机制33

2.5.1 状态机思维33

2.5.2 “冒充常量”的状态机变量35

2.5.3 “无处安放”的状态机变量36

2.5.4 “努力瘦身”的状态机变量36

2.6 React Native组件间通信37

2.7 深入理解UI重新渲染的过程37

2.7.1 合并状态机变量37

2.7.2 判断是否渲染40

2.7.3 替换状态机变量40

2.7.4 强制启动渲染41

2.7.5 渲染过程41

2.7.6 合并状态机变量的最简语法41

2.8 React Native组件的成员变量42

2.9 React Native组件的静态变量、静态函数43

第3章 页面导航、弹出框及深入理解属性44

3.1 分离注册组件、组件平台自适配44

3.1.1 分离注册组件44

3.1.2 组件平台自适配44

3.1.3 平台检测45

3.2 导航组件、挂接注册组件45

3.3 挂接注册等待组件47

3.4 Navigator组件工作机制49

3.4.1 push与pop50

3.4.2 replace函数50

3.5 自定义组件51

3.5.1 “弹出一切框”的实现51

3.5.2 React Native中颜色类型的值53

3.5.3 挂接自定义组件54

3.6 BackAndroid API的bug与解决办法56

3.7 属性确认58

3.8 指定属性默认值60

3.9 Alert应用程序编程接口60

3.9.1 弹出确认框60

3.9.2 弹出选择框61

3.10 带导航栏的页面导航62

第4章 混合开发基础篇63

4.1 iOS平台混合开发63

4.1.1 与iOS侧原生代码消息互通64

4.1.2 React Native代码到iOS原生代码的消息65

4.1.3 iOS原生代码到React Native代码的消息68

4.1.4 与iOS OC原生代码界面的切换69

4.1.5 应用初始界面设定69

4.1.6 iOS混合开发中传递的参数类型70

4.1.7 混合开发中的多线程使用70

4.1.8 原生代码实现Promise机制71

4.1.9 跨语言常量72

4.2 Android平台混合开发73

4.2.1 与Android原生代码消息互通74

4.2.2 React Native代码到Android原生代码的消息75

4.2.3 与Android原生代码界面的切换78

4.2.4 Android原生代码到React Native代码的消息82

4.2.5 应用初始界面设定86

4.2.6 传递的参数类型86

4.2.7 回调函数与Promise机制86

4.2.8 监听Activity Result与Android生命周期事件88

4.2.9 混合开发中的多线程机制89

4.2.10 跨语言常量89

第5章 flexbox布局、View、Image与可触摸组件90

5.1 flexbox布局90

5.1.1 位置及宽、高相关样式键91

5.1.2 决定子组件排列规则的键92

5.1.3 决定组件显示规则的键94

5.1.4 边框、空隙与填充95

5.1.5 组件多样式声明与动态样式声明96

5.2 View组件97

5.2.1 View组件的颜色与边框97

5.2.2 View组件的阴影与其他视觉效果99

5.2.3 View组件的变形101

5.2.4 View组件的回调函数104

5.2.5 View组件的其他属性106

5.2.6 设备放置状态、根View与onLayout回调函数106

5.2.7 pointerEvents属性109

5.3 Image组件111

5.3.1 加载网络图片111

5.3.2 加载静态图片资源112

5.3.3 加载资源文件中的图片112

5.3.4 动态加载手机中的图片资源112

5.3.5 Image组件的样式113

5.3.6 Image组件显示特性114

5.3.7 Image组件的其他属性117

5.4 可触摸组件117

5.4.1 可触摸组件类型118

5.4.2 TouchableOpacity组件118

5.4.3 TouchableHighlight组件118

5.4.4 其他属性120

5.5 加深理解三大组件120

5.5.1 使用导航栏的导航框架121

5.5.2 等比放大无丢失显示图片125

5.5.3 宽、高动态变化的组件呈现128

第6章 Text、Textlnput等相关知识129

6.1 Text组件129

6.1.1 样式键设置129

6.1.2 其他属性131

6.1.3 Text组件的嵌套131

6.1.4 文本显示的阴影效果132

6.1.5 Text居中显示133

6.1.6 在字符串中插入图像135

6.2 Text组件在两个平台上的不同表现136

6.2.1 只指定fontSize，不指定height137

6.2.2 只指定height，不指定fontSize137

6.2.3 fontSize等于height137

6.2.4 height大于fontSize138

6.2.5 边框在两个平台上的不同表现138

6.3 TextInput组件140

6.3.1 TextInput组件样式键140

6.3.2 TextInput组件的属性140

6.3.3 TextInput组件iOS平台专有属性141

6.3.4 TextInput组件Android平台专有属性142

6.3.5 TextInput组件的成员函数142

6.4 TextInput组件在两个平台上的不同表现143

6.4.1 Android平台的输入下画线143

6.4.2 父组件的alignItems键失效144

6.4.3 只指定fontSize、不指定height145

6.4.4 height等于fontSize145

6.4.5 height大于fontSize146

6.4.6 边框在两个平台上的不同表现146

6.5 TextInput组件的生命周期147

6.5.1 获得焦点147

6.5.2 用户输入147

6.5.3 用户按下提交键147

6.5.4 失去焦点148

6.6 软键盘与键盘事件148

6.7 组件的引用151

6.7.1 定义组件引用151

6.7.2 得到系统定义的组件引用151

6.7.3 调用组件的公开成员函数152

6.7.4 重新设定组件的属性152

6.7.5 获得组件的位置154

6.8 跨平台状态栏组件155

6.8.1 StatusBar组件属性155

6.8.2 StatusBar组件使用示例156

6.8.3 手机状态栏在开发中的处理157

6.8.4 StatusBarIOS API158

6.9 高度自增长的扩展TextInput组件159

6.10 访问操作系统剪贴板160

第7章 组件生命周期、数据存储及React Native应用实现步骤163

7.1 组件生命周期163

7.1.1 getInitialState163

7.1.2 getDefaultProps163

7.1.3 componentWillMount164

7.1.4 componentDidMount164

7.1.5 componentWillReceiveProps164

7.1.6 shouldComponentUpdate165

7.1.7 componentWillUpdate165

7.1.8 componentDidUpdate165

7.1.9 componentWillUnmount166

7.2 读取JSON文件166

7.3 数据持久化操作167

7.3.1 flow语法检查器167

7.3.2 写入数据、错误捕捉168

7.3.3 读取数据170

7.3.4 AsyncStorage API存储数据的无序性173

7.3.5 删除数据173

7.3.6 修改数据175

7.3.7 JSON对象存储175

7.3.8 读取JSON对象176

7.4 数据表操作176

7.5 React Native应用实现步骤、日记例程（上）176

7.5.1 应用原型177

7.5.2 基础组件结构设计178

7.5.3 使用React Native组件搭建静态界面180

7.5.4 React Native组件分层188

7.5.5 实现各组件业务逻辑189

7.5.6 日记例程（上）总结190

第8章 ScrollView和ListView200

8.1 ScrollView组件200

8.1.1 ScrollView组件属性200

8.1.2 ScrollView组件iOS平台专有属性201

8.1.3 ScrollView组件Android平台专有属性202

8.1.4 ScrollView组件的公开成员函数203

8.1.5 RefreshControl组件203

8.1.6 ScrollView组件基本用法204

8.2 ListView组件206

8.2.1 ListView组件的回调函数207

8.2.2 ListView组件的其他属性208

8.2.3 ListView组件的成员函数208

8.3 简单的列表208

8.3.1 准备列表的数据源209

8.3.2 声明状态机变量209

8.3.3 将数据源中的数据拷贝到DataSource中210

8.3.4 定义如何渲染列表中的每一行210

8.3.5 实现简单的列表211

8.3.6 列表栏的高级处理217

8.4 带分段标志的列表217

8.4.1 准备数据源218

8.4.2 声明状态机变量218

8.4.3 将数据源中的数据拷贝到DataSource中219

8.4.4 定义如何渲染每个分栏219

8.4.5 定义如何渲染首、尾栏220

8.4.6 列表间隔渲染220

8.4.7 实现带分段标志的列表220

8.4.8 总结221

8.5 日记例程（下）总结221

第9章 等待提示条、进度条和Switch222

9.1 ProgressBarAndroid组件222

9.1.1 ProgressBarAndroid组件样式设置222

9.1.2 ProgressBarAndroid其他属性222

9.1.3 Android平台等待提示条222

9.1.4 React Native框架中定时器的使用224

9.1.5 Android平台进度条225

9.2 iOS进度条组件226

9.2.1 ProgressViewIOS组件样式设置226

9.2.2 ProgressViewIOS其他属性226

9.2.3 iOS平台进度条226

9.3 iOS平台等待提示条227

9.3.1 ActivityIndicatorIOS组件样式设置227

9.3.2 ActivityIndicatorIOS其他属性227

9.3.3 iOS平台等待提示条例程227

9.4 Switch组件229

9.4.1 Switch组件样式设置229

9.4.2 Switch其他属性229

9.4.3 Switch组件的使用229

第10章 导航组件231

10.1 导航组件的属性231

10.1.1 回调函数231

10.1.2 其他属性232

10.2 导航器232

10.3 NavigationBar233

第11章 手势识别240

11.1 PanResponder API240

11.2 监视器240

11.2.1 指定监视区域241

11.2.2 定义监视器相关变量241

11.2.3 准备监视器的事件处理函数241

11.2.4 建立监视器242

11.2.5 将监视器与监视区域挂接242

11.3 监视事件的生命周期242

11.3.1 单次点击事件的生命周期243

11.3.2 单次点击事件处理245

11.3.3 移动手势事件的生命周期245

11.3.4 监视器异常事件247

11.4 手势识别处理例程247

11.4.1 单点手势——点击、拖动选择百分比参数247

11.4.2 单点手势——带导槽的滑动来电接听或拒接界面249

11.4.3 单点手势——滑动解锁屏幕界面252

11.4.4 单点手势——单点任意方向拉动选择界面254

11.4.5 两点手势257

第12章 网络258

12.1 获取网络状态258

12.1.1 得到当前网络状态258

12.1.2 监听网络状态改变事件259

12.1.3 简单判断是否有网络连接260

12.1.4 判断当前连接是否收费260

12.2 通过HTTP、HTTPS与网络侧交换数据260

12.2.1 发送请求260

12.2.2 接收响应263

12.3 在React Native开发中使用AJAX技术264

第13章 网页浏览器、音视频媒体播放266

13.1 WebView组件样式设置266

13.2 WebView组件其他属性266

13.2.1 非回调函数属性266

13.2.2 回调函数属性267

13.2.3 平台独有属性267

13.2.4 WebView组件成员函数268

13.3 网页浏览器使用例程268

13.3.1 浏览网页例程268

13.3.2 加载本地网页例程271

13.4 音视频媒体播放273

第14章 图片的遍历、存取与显示274

14.1 React Native开发中iOS平台链接库的使用274

14.2 获取手机中所有的图片信息276

14.3 图片信息详解278

14.3.1 Android平台图片信息278

14.3.2 iOS平台图片信息278

14.4 显示从CameraRoll API得到的图片279

14.5 为用户提供图片选择界面280

14.6 图片的保存与读取显示282

14.6.1 保存图片数据282

14.6.2 读取并显示图片283

第15章 选择器、位置相关和应用状态284

15.1 日期、时间选择器284

15.1.1 DatePickerAndroid API284

15.1.2 TimePickerAndroid API286

15.1.3 DatePickerIOS组件287

15.2 Picker组件289

15.2.1 Picker组件的样式设置289

15.2.2 Picker组件的属性289

15.2.3 Picker.Item组件属性290

15.2.4 Picker组件例程290

15.3 PickerIOS294

15.4 MapView组件295

15.4.1 MapView组件样式设置296

15.4.2 MapView组件特有的跨平台属性296

15.4.3 MapView组件例程297

15.5 AppState API299

15.5.1 AppState API用途与用法299

15.5.2 AppState API例程299

15.6 获取地理位置300

15.7 VibrationIOS API302

第16章 使用ES 6语法开发303

16.1 React Native组件导入303

16.2 属性声明304

16.3 成员变量声明304

16.4 状态机变量声明305

16.5 回调函数绑定306

16.6 类的静态成员变量与静态成员函数307

第17章 混合开发高级篇309

17.1 使用Objective-C语言创建私有的React Native组件309

17.1.1 增加FLAnimatedImage链接库309

17.1.2 创建视图管理类311

17.1.3 封装开源代码中的视图类312

17.1.4 在React Native侧调用私有组件314

17.1.5 例程运行效果315

17.2 使用Swift语言创建私有的React Native组件316

17.2.1 整合开源项目316

17.2.2 建立组件管理者和桥接头文件319

17.2.3 Objective-C与React Native接口部分321

17.2.4 使用Swift语言实现组件控制322

17.2.5 在React Native侧调用私有组件324

17.2.6 例程运行效果325

17.3 使用Android SDK创建私有的React Native组件325

17.3.1 准备原生代码UI组件326

17.3.2 实现原生UI管理类327

17.3.3 创建原生UI实例328

17.3.4 实现对属性的支持328

17.3.5 建立原生UI包328

17.3.6 注册原生UI管理类329

17.3.7 对应的React Native侧实现329

17.3.8 运行俯视视图例程331

第18章 项目配置、生成发布版本安装包及其他332

18.1 iOS平台项目配置332

18.2 iOS平台应用发布336

18.3 Android平台项目配置336

18.4 Android平台应用生成发布版本安装包338

18.4.1 生成发布密钥338

18.4.2 修改gradle配置文件338

18.4.3 生成发布版本安装包339

18.5 其他组件与 API339

18.5.1 动画相关339

18.5.2 其他未讨论的组件与API340

附录A ECMAScript 2015语法参考341