区长的专栏

写了这么多篇Android React Native的博文，基本上把复杂的东西都搞定了，接下来来看看一些轻松的东西，和布局有关，就是css样式，那么一个View可以设置哪些css样式呢，是和web中的css样式完全一样呢，还是有所不同呢？其实你只要在样式表中书写一个不存在的样式，就会报一大堆错，提示你该样式不存在，然后提供所有可用的样式给你，如图下面的样式就是样式表中所有可用的属性。"alignIt

Android React Native 已经将几个常用的原生组件进行了封装，比如 ScrollView 和 TextInput，但是并不是所有系统的原始组件都被封装了，因此有的时候我们不得不自己动手封装一下，从而能够使用那些React Native没有为我们封装的原生组件，比如WebView，官方并没有提供Android端的实现，那么我们现在就动手封装一下WebView。

在这篇文章中Android React Native的使用细节问题提到了 图片使用的问题，也提到了无论用哪种方法都不能加载app内部的图片资源的问题，当时的代码是这样子的 <Image source={ require('image!icon') } />在官方文档中也是这么写的Image但是在另一个页文档中却与其相矛盾的，Images，估计这页文档刚加入不久也就是说正确的app内部图片加载姿势应该

这个坑在文章记一次在Windows上搭建React Native Android环境踩过的坑中我已经提到过，当时找不到解决方法，只能开一个命令提示符终端独立执行打包。就像这样子react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output C:\Users\Adminis

有时候我们的App需要访问平台API，并且React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。 而用React Native可以在它的基础上编写真正原生的代码，并且可以访问平台所有的能力。如果React Native还不支持某个你需要的

假设我们现在有这么一个需求，就是自定义一个组件，该组件由一个小图标和图标的文字说明组成，并且带有背景色，背景色可设置，宽度高度可设置。如下图所示正是两个这样的组件所组成。首先，在index.android.js目录下新建一个js文件，命名为item.js，在里面输入模板代码

踩了几天React Native Android的坑。总结为一句话，目前android学习react native还为时过早，坑太多，需要你慢慢去踩。就目前来讲，能踩的坑基本上都踩了一遍，所以还是等它稳定下来再去学吧，否则会浪费掉一大堆时间。单位在React Native中，组件的宽度，高度都是不用写单位的，你写个100，在Android中代表的到底是100px还是100dp，就不得而知了，这时候自

和Android一样，React的组件也有对应的生命周期。Android React Native组件的生命周期可以总的概括为下面这一张图。可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化；第二阶段：是组件在运行和交互阶段，如图中左下角虚线框，这个阶段组件可以处理用户交互，或者接收事件更新界面；第三阶段：是组件卸载消亡的阶

要说最近技术圈什么比较活跃，我想除了动态加载框架和热修复技术之外，非Facebook的React Native莫属了吧，其实RN对IOS的支持比较早，但是Android似乎难产了，直到9月份才刚开源。距离RN开源也有一段时间了，一直没有去学习，今天兴趣来潮，索性学一把吧。本文假设你的Windows上安装了Android SDK，并配置好了环境变量。安装Node.js从官网https://nodejs