文章 2017-11-09 来自:开发者社区

React Native填坑之旅--Flow篇(番外)

flow不是React Native必会的技能,但是作为正式的产品开发优势很有必要掌握的技能之一。所以,算是RN填坑之旅系列的番外篇。 Flow是一个静态的检查类型检查工具,设计之初的目的就是为了可以发现JavaScript脚本里不容易被发现的错误。在js开发的过程中,总会遇到一些问题。小的还可以,比如用alert或者console等输出一些信息可以debug,并解决。但是如果项目比较大的时候,....

文章 2017-11-09 来自:开发者社区

React Native填坑之旅--与Native通信之iOS篇

终于开始新一篇的填坑之旅了。RN厉害的一个地方就是RN可以和Native组件通信。这个Native组件包括native的库和自定义视图,我们今天主要设计的内容是native库方面的只是。自定义视图的使用会在后面讲到。 坑是什么样的坑 主要的是遇到一个业务需求,需要检测当前应用的版本是什么。需要返回当前的版本号和build数。 主要的需求在native来说非常简单: NSString * ...

文章 2017-11-09 来自:开发者社区

React Native填坑之旅--组件生命周期

这次我们来填React Native生命周期的坑。这一点非常重要,需要有一个清晰的认识。如果你了解Android或者iOS的话,你会非常熟悉我们今天要说的的内容。 基本上一个React Native的组件会经历三个阶段最终渲染在界面上,他们分别是:开始渲染、更新、卸载。 开始渲染: componentWillMount componentWillMount(): void 组件开始渲染的时候调用....

文章 2017-11-09 来自:开发者社区

React Native填坑之旅--Stateless组件

Stateless component也叫无状态组件。有三种方法可以创建无状态组件。 坑 一般一个组件是怎么定义的: 很久以前的方法: const Heading = createClass({ render() { return <Text>{this.props.title}</Text> } }) 后来有了ES6 class Hea...

React Native填坑之旅--Stateless组件
文章 2017-11-09 来自:开发者社区

React Native桥接器初探

本文假设你已经有一定的React Native基础,并且想要了解React Native的JS和原生代码之间是如何交互的。 React Native的工作线程 shadow queue:布局在这个线程工作 main thread:UIKit在这里工作 Javascript thread:Js代码在这里工作 另外每一个原生模块都有自己的一个工作GCD queue,除非你明确指定它的工作队...

React Native桥接器初探
文章 2017-11-09 来自:开发者社区

React Native填坑之旅 -- 使用react-navigation代替Navigator

Navigator已经被React Native废弃了。也许你可以在另外的一个依赖库里react-native-deprecated-custom-components里找到。不过既然官方推荐的是react-navigation那我们就来看看这个东西到底有什么好的,值不值得用。 一句话概括的话,react-navigation非常值得用。之前配置一个Navigator非常的繁琐,但是使用reac....

React Native填坑之旅 -- 使用react-navigation代替Navigator
文章 2017-11-08 来自:开发者社区

React Native填坑之旅--HTTP请求篇

如果不能从头到尾的建立一个RN应用,那么RN将失色不少。本以为HTTP请求部分需要使用Native的实现,Android和iOS各回各家,各调各库了。Google了一下之后居然RN可以使用fetch库。这个库是用来代替流传已久的XHR的。 下面看看如何使用fetch 请求Restful API的。API是dribbble的。这个API需要注册,所以如果你要运行下面的例子的话,最好注册一下,或者换....

文章 2017-11-08 来自:开发者社区

React Native填坑之旅--布局篇

代码在这里:https://github.com/future-challenger/petshop/tree/master/client/petshop/src/controller 回头看看RN的填坑之旅系列,发现一路写下来都是我在开发中遇到的问题如何解决的。兴之所至,不问顺序。于是出现一个问题,填坑系列和学习知识的顺序不是很一致。比如今天要说的布局问题。其实在一个app开发之前,就应该有所....

React Native填坑之旅--布局篇
文章 2017-11-08 来自:开发者社区

React Native填坑之旅 -- 使用iOS原生视图(高德地图)

在开发React Native的App的时候,你会遇到很多情况是原生的视图组件已经开发好了的。有的是系统的SDK提供的,有的是第三方试图组件,总之你的APP可以直接使用的原生视图是很多的。React Native提供了一套完善的机制,你可以非常简单的用来包装已有的原生视图。 代码地址:https://github.com/future-challenger/react-native-gaode-....

文章 2017-11-07 来自:开发者社区

React Native填坑之旅--Navigation篇

React Native的导航有两种,一种是iOS和Android通用的叫做Navigator,一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator,NavigatorIOS也就不是什么难事了。 本文所使用的是React Native 0.34。FB团队更新的太快了,我会在后续出现大的改动的时候更新本文以及代码。 Navigator基础 ....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等