标签分类 热门分类
当前位置:首页 > 移动开发电子书 > React Native电子书网盘下载
React Native跨平台移动应用开发 React Native跨平台移动应用开发
zaoqiang

zaoqiang 提供上传

资源
16
粉丝
50
喜欢
314
评论
7

    React Native跨平台移动应用开发 PDF 高清版

    React Native电子书
    • 发布时间:

    给大家带来的一篇关于React Native相关的电子书资源,介绍了关于React、Native、跨平台、移动应用、开发方面的内容,本书是由电子工业出版社出版,格式为PDF,资源大小70.9 MB,阙喜涛编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.9,更多相关的学习资源可以参阅 移动开发电子书、等栏目。

  • React Native跨平台移动应用开发 PDF 下载
  • 下载地址:https://pan.baidu.com/s/19B8Hv2BZO0z2abE500l4w
  • 分享码:aso8
  • React Native跨平台移动应用开发 PDF

    React Native是Facebook公司最新推出的,强大的、开源的跨平台移动应用开发框架,它能大幅减少跨平台移动应用开发的工作量,并且代码结构清晰、简单易懂。同时React Native框架采用模块化结构,使应用版本的更新迭代非常简单。随着它的日趋成熟,React Native必然会成为移动应用开发的主流技术。

    React Native跨平台移动应用开发》由浅入深、系统地介绍了使用React Native框架跨平台开发所需要用到的知识。《React Native跨平台移动应用开发》每一章都专注于阐述某一方面的知识,配合若干个原创的、精小的例程,能让读者系统、快速地掌握该方面知识。

    《React Native跨平台移动应用开发》是按照有基本的编程基础知识,刚学习JavaScript基本语法的读者最佳学习路径来编写的。有一定基础的开发人员也可以将本书作为React Native开发的“字典”来使用,在开发时可以快速查找相关知识点的细节。

    希望通过《React Native跨平台移动应用开发》,能将最新的React Native开发技术介绍给国内广大开发者,让国内移动应用开发进入一个新的时代,让开发者用比较少的精力就能高效、美观地完成移动应用开发。

    目录

    • 第1章 React Native 1
    • 第2章 状态机思维与状态机变量 16
    • 第3章 页面导航、弹出框及深入理解属性 44
    • 第4章 混合开发基础篇 63
    • 第5章 flexbox布局、View、Image与可触摸组件 90
    • 第6章 Text、TextInput等相关知识 129
    • 第7章 组件生命周期、数据存储及React Native应用实现步骤 163
    • 第8章 ScrollView和ListView 200
    • 第9章 等待提示条、进度条和Switch 222
    • 第10章 导航组件 231
    • 第11章 手势识别 240
    • 第12章 网络 258
    • 第13章 网页浏览器、音视频媒体播放 266
    • 第14章 图片的遍历、存取与显示 274
    • 第15章 选择器、位置相关和应用状态 284
    • 第16章 使用ES 6语法开发 303
    • 第17章 混合开发高级篇 309
    • 第18章 项目配置、生成发布版本安装包及其他 332

    上一篇:Android手机程序设计实用教程  下一篇:深度学习:人工智能算法(Deep Learning)

    展开 +

    收起 -

    React Native 相关电子书
    关于React Native的学习笔记
    网友NO.621740

    React Native使用fetch实现图片上传的示例代码

    本文介绍了React Native使用fetch实现图片上传的示例代码,分享给大家,具体如下: 普通网络请求参数是JSON对象 图片上传的请求参数使用的是formData对象 使用fetch上传图片代码封装如下: let common_url = 'http://192.168.1.1:8080/'; //服务器地址let token = ''; //用户登陆后返回的token/** * 使用fetch实现图片上传 * @param {string} url 接口地址 * @param {JSON} params body的请求参数 * @return 返回Promise */function uploadImage(url,params){ return new Promise(function (resolve, reject) { let formData = new FormData(); for (var key in params){ formData.append(key, params[key]); } let file = {uri: params.path, type: 'application/octet-stream', name: 'image.jpg'}; formData.append("file", file); fetch(common_url + url, { method: 'POST', headers: { 'Content-Type': 'multipart/form-data;charset=utf-8', "x-access-token": token, }, body: formData, }).then((response) = response.json()) .then((responseData)= { console.log('uploadImage', responseData); resolve(responseData); }) .catch((err)= { console.log('err', err); reject(err); }); });} 使用方法 let params = { userId:'abc12345', //用户id path:'file:///storage/emulated/0/Pictures/image.jpg' //本地文件地址}uploadImage('app/uploadFile',params ) .then( res={ //请求成功 if(res.header.statusCode == 'success'){ //这里设定服务器返回的header中statusCode为success时数据返回成功 upLoadImgUrl = res.body.imgurl; //服务器返回的地……

    网友NO.884286

    React Native如何消除启动时白屏的方法

    在RN 项目启动之后有一个短暂的白屏,调试阶段白屏的时间较长,大概3-5秒,打正式包后这个白屏时间会大大缩短,大多时候都是一闪而过,所以称之为“闪白”。 其实解决的方案也有很多,这里做一个简单的总结。 白屏的原因 在iOS App 中有 启动图(LaunchImage),启动图结束后才会出现上述的闪白,这个过程是 js 解释的过程,JS 解释完毕之前没有内容,所以才表现出白屏,那么解决的方法就是在启动图结束后,JS 解释完成前做一些简单的处理。 解决的常见方案: 启动图结束后通过原生代码加载一张全屏占位图片,跟启动图一样的图片,混淆视听“欺骗用户”。 JS解释完毕后通知原生可以移除占位图 收到 JS 发来的可以移除占位图的通知,移除占位图 代码实现 新建一个SplashScreen 文件用来接收 JS 发来的”移除占位图”的消息。相关代码如下: SplashScreen.h #import Foundation/Foundation.h #import "RCTBridgeModule.h" @interface SplashScreen : NSObjectRCTBridgeModule @end SplashScreen.m #import "SplashScreen.h" @implementation SplashScreen RCT_EXPORT_MODULE(); RCT_EXPORT_METHOD(close){ [[NSNotificationCenter defaultCenter] postNotificationName:@"Notification_CLOSE_SPLASH_SCREEN" object:nil]; } @end 在AppDelegate.m 加入以下代码: @interface AppDelegate () { UIImageView *splashImage; } @end @implementation AppDelegate - (BOOL)application……

    网友NO.199673

    React数据传递之组件内部通信的方法

    1. 概述 脱离初级前端一段时间后会发现,写样式的时间越来越少,处理数据的时间越来越多。处理数据的过程也就是实现业务逻辑的过程,这在项目中无疑是最重要的。 所以学习前端框架,了解完基本语法后,接下来就要学习其如何进行数据传递。 Angular 设计之初的一大亮点就是实现了数据的双向绑定,使用 Vue 一段时间后发现,所谓数据的双向绑定,组件内部唯一的应用场景就是 form 表单(input,textarea,select, radio),而这种场景下的数据双向绑定,即便框架内部没有实现,自己实现起来也非常简单。明白这一点后感觉之前认为 React 没有实现数据双向绑定很 low 的想法很幼稚。 对于 React 的数据传递,涉及两方面的内容: 组件内部的数据传递,典型的应用场景包括如何实现 form 表单双向数据绑定、如何绑定事件; 组件间的数据传递。 包括父组件往子组件传递数据、子组件往父组件传递数据以及兄弟组件之间传递数据。 本文先讨论组件内部的数据传递。 2. 组件内部数据传递 React 组件内部通信主要分为两部分:数据展示与事件处理。 2.1 数据展示 组件内部数据的展示和更新都是通过 state 来实现的,如果要使用 state 必须使用 ES6 的 class 定义组件。数据更新在双向数据绑定部分探讨,这部分仅讨论展示初始化数据。 如果……

    网友NO.655935

    干货!教大家如何选择Vue和React

    两者之间的相同之处 同样是基于组件开发的轻量级框架,同样是专注于用户界面的视图view层。 如何选择 1.1 如果喜欢用 模板搭建应用 (或者有这个想法)选择 Vue Vue应用默认的是把markup放在HTML中,数据绑定表达式和Angular一样,采用{{}}的形式,而指令(特殊的HTML属性)用来向模板中添加功能 div p{{ message }}/p button v-on:click="reverseMessage"Reverse Message/button/div// JSnew Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join(''); } }}); React使用的是JSX语法(在JavaScript中创建DOM),而不使用模板。 div id="app"/div// JS (pre-transpilation)class App extends React.Component { constructor(props) { super(props); this.state = { message: 'Hello React.js!' }; } reverseMessage() { this.setState({ message: this.state.message.split('').reverse().join('') }); } render() { return ( div p{this.state.message}/p button onClick={() = this.reverseMessage()} Reverse Message /button /div ) }}ReactDOM.render(App, document.getElementById('app')); 模板可以更好地把布局和功能分隔开,但是需要学习所有的HTML扩展语法,而渲染函数只需要标准的HTML和JavaScript。 注意: vue2.0提供使用模板和渲染函数的选项 1.2 想要 简单一点的语法, 和 更快的渲染速度 ,选择 vue 使用Vue不需要转译,直接运行在浏览器中,但……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明