如同黑夜里的一道光一样，就这么知道了F8. F8是每年一次Facebook每年一次的开发者大会。每次大会都会release相应的APP，iOS、Android都有。之前都是用Native开发的，但是2016的这一次是用React Native开发的。 FB开源了RN的App 这次fb不仅开源了纯RN写的App，而且一同发布的还有开发这个App的教程。FB承诺会不断的更新这个app。教程放在make
React Native自己实现的ListView还有一个隐藏功能那就是Section。Section在文档里连一句话都没有给足，但确确实实的是内置的。使用Section可以给数据分组，并且每一个Section都有一个Header。Section Header可以像iOS的TableView的Section Header一样在滑动的时候保持当前的Section Header浮动在Table Vie
前言 因为先前做过一个使用阿里的ant design的项目，但是由于ant design中有很多组件还遗留着坑，问题是这些坑，还找不到解决的方法(或者我太low，方法可能有，只是我没找到)，既然解决不了，那用起来肯定就会很难受，只能想各种方法来解决这些，从而就导致出现了一些烂代码，好吧，我也被我自己给恶心到了，后来想着，看看能不能自己开发出一套组件来(突然觉得那时候的
这次我们来填React Native生命周期的坑。这一点非常重要，需要有一个清晰的认识。如果你了解Android或者iOS的话，你会非常熟悉我们今天要说的的内容。 基本上一个React Native的组件会经历三个阶段最终渲染在界面上，他们分别是：开始渲染、更新、卸载。 开始渲染： componentWillMount componentWillMount(): void 组件开始渲染的时候调用这
react native 安装官网demo 踩坑记录 这几天安装reac native 可谓是什么坑都给踩了 安装官网demo时，各种bug都遇到了 第一次是遇到了个奇怪的问题 com.android.ddmlib.InstallException: Failed to install all 发现这个问题，怎么看也像是 com.android.tools.build:gradle这个的版本不对，
#长按上图识别二维码，参与OSC源创会年终盛典# 前端的技术栈越来越广，目前感觉三大主流：angular,react,vue，angular因为目前公司项目正在使用(版本1),vue稍稍了解了下，感觉跟angular的相似程度还是比较高的(好吧，个人感觉)，而由于目前对react相对比较感兴趣，于是就开始了react的学习 前言 因为先前做过一个使用阿里的ant design的项目，但是由于ant
添加依赖 报错信息： npm WARN react-native@0.35.0 requires a peer of react@~15.3.1 but none was installed. 解决方案： npm install -save react@~15.3.1 在package.json中也可以添加依赖 "dependencies": {
"react": "^15.3.2",
终于开始新一篇的填坑之旅了。RN厉害的一个地方就是RN可以和Native组件通信。这个Native组件包括native的库和自定义视图，我们今天主要设计的内容是native库方面的只是。自定义视图的使用会在后面讲到。 坑是什么样的坑 主要的是遇到一个业务需求，需要检测当前应用的版本是什么。需要返回当前的版本号和build数。 主要的需求在native来说非常简单： NSString * versi
大家座好，要开车了~~~ 俺是一个非常谨慎的人，对RN这门技术没有十足的信心之前，是不会直接拿来做新项目的（否则填坑，就能让你哭晕在厕所~）。 但是还想要体验跨平台+实时发布带来的快感，最好不过的方法就是在现有的项目基础上进行改良，集成ReactNative框架，一个页面or一个View先使用RN搞起来（先挣它一个亿，慢慢来么，急什么），下面就是本人在Integration With
Stateless component也叫无状态组件。有三种方法可以创建无状态组件。 坑 一般一个组件是怎么定义的： 很久以前的方法： const Heading = createClass({
render() {
return <Text>{this.props.title}</Text>
}
}) 后来有了ES6 class Heading extends
写在前面 以前写Vue写惯了，心血来潮，写起了react。 github地址：Close2React 项目使用框架版本主要有 react(15.4.1) + react-dom(15.4.1) + webpack(1.13.3) + axios(0.15.3) + node(6.2.2), 点击查看项目简介：一段人人都应该知道的从 vue 到 react 的过渡史 目前该项目有两个分支, half
TextInput用法就不多讲了，主要记录下遇到的一个怪问题。 背景：项目需要开发一个充值页面，需要一个输入框，然后几个按钮，输入框是允许用户自己输入任意金额，按钮是可以让用户快捷选择金额。 那么问题来了，一般来说是改变文本框的值就可以了。 比如这样 <TextInput placeholderTextColor='#cccccc' underlineColorAndro
一 背景 效果图如下： 二 解决办法 我的目的是实现单选item，正常情况设置一个state变量来保存选中的Index,在每次点击item的时候改变index就OK！但是，我想的太天真了。this.setState()只能渲染外部组件，而ListView子组件却没有渲染。仔细想想确实有道理，像anroid要改变item，还得调用adapter.notifyDataSetChanged(),所以，这
！！！温馨提示：为了方便找到问题，请在本页按ctrl+f(command+f)进行关键字搜索 Android MainActivity中没有getPackages()方法重载 现在网上很多编写自定义原生模块给JS调用的教程，但是很多教程的RN版本是较老的，老版本中（目前知道0.28及0.28以前），RN自动生成的Android项目中，MainActivity中有getPackages()方法重载，
React Native 入坑实践 ReactNative实在是太火了，才开始学习，有点晚了，刚刚接触，第一感觉就是，RN的亲妈绝对是IOS，对IOS的开发支持做的太好了，而对于Android来说，支持力度就小的多，就连跑起来都得花一些时间。 稍微了解了一下这个框架，稍微有点失望，主要是因为以下原因： 很遗憾，看到RN最低只支持到Android API 16（与 Weex相同），也就是Androi
在开发React Native的App的时候，你会遇到很多情况是原生的视图组件已经开发好了的。有的是系统的SDK提供的，有的是第三方试图组件，总之你的APP可以直接使用的原生视图是很多的。React Native提供了一套完善的机制，你可以非常简单的用来包装已有的原生视图。 代码地址：https://github.com/future-challenger/react-native-gaode-m
使用Toast作为例子。实现的功能是可以在JavaScript里写ToastAndroid.show('Awesome', ToastAndroid.SHORT)来显示一个Toast通知。 代码：https://github.com/future-cha... 创建一个原生模块 创建一个类，继承ReactContextBaseJavaModule。 public class ToastModule
使用Toast作为例子。实现的功能是可以在JavaScript里写ToastAndroid.show('Awesome', ToastAndroid.SHORT)来显示一个Toast通知。 代码：https://github.com/future-challenger/react-native-gaode-map 创建一个原生模块 创建一个类，继承ReactContextBaseJavaModul
RN开发过程中使用了第三方图标库，由于对iOS也不是特别熟，所以搞了两天才跨过去，解决完毕后分享一下，毕竟RN开发资源还是比较稀缺的，多一点贡献是一点。 解决问题首先第一步那绝对是官网找，react-native-vector-icons github链接地址 iOS配置其实也不太难，里面信息也很好找 接下来解释一下，首先看第一步：把node_modules/react-native-vector
转载请注明出处王亟亟的大牛之路 最近都在忙着搭架子，找框架，谈需求和开会。甚至都没有时间好好装逼，昨天帮安卓的小伙把项目从安卓整体迁移到了RN的项目下面，过程中遇到很多不可描述的坑，这里给大家分享下经验 先安利，安卓收纳库:https://github.com/ddwhan0123/Useful-Open-Source-Android React-Native收纳库:https://github.
