带你装逼带你飞的专栏

1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +

1前言RN的开发中正式发布前需要打包与签名，然后才能上架各家应用市场。打包需要将js与图片资源文件打包进apk文件中，生成index.android.bundle与index.android.bundle.meta文件。下面介绍RN开发中打包APK的主要步骤，IOS没研究过，不再本文讨论范围内。2 Android下的打包步骤1 生成Android签名证书 如果你已经有签名证书可以绕过...

1 前言我们知道RN中任何界面元素都可以看成组件，小到一个按钮，大到一个页面。RN开发就是不停的开发组件和使用组件，并让他们协同工作，这样高效率协同的运行起来，这样就能完成一个APP的功能了 在实际的开发中，我们经常需要自定义一些满足我们项目开发的自定义组件，类似于Android开发中的自定义View。不过RN中自定义组件比Android中自定义View稍微简单一些。下面以一个计数器Coun...

1 前言我们都知道，在Android和IOS中分别有不同的持久化数据方式，例如Android中的文件，数据库，SharePrefences等。AsyncStorage是一个简单的key-value存储系统，是RN官方推荐的。它存储的都是String类型的数据，是一个RN中轻量级的数据持久化技术2 AsyncStorage主要用法export const AsyncStorage: ...

1 前言react-navigation是RN开发中一款开源的导航组件，它的功能包括StackNavigator,TabNavigator,DrawerNavigator。react-navigation的出现替代了Navigator、 Ex-Navigation等老一代的导航组件，react-navigation可以说是Navigator的加强版，不仅有Navigator的全部功能，另外还支...

1 Image组件介绍RN中Image组件主要用于加载图片，可加载静态图片，网络图片，以及原生图片，本地文件系统中图片资源 官方参考https://facebook.github.io/react-native/docs/image#resizemode2 Image组件功能加载图片一般使用Image的source属性 1 加载静态图片 静态图片是指js下的图片资源，例如放在源码...

1 Touchable组件简介Touchable组件是RN的按钮组件，一共有四大类 TouchableWithoutFeedback：不带任何反馈的可触摸组件 TouchableHighlight：在TouchableWithoutFeedback的基础上添加了当按下时背景会变暗的效果。 TouchableOpacity：相比TouchableHighlight在按下去会使背景变暗的效...

1 前言大家都知道React Native其实是由很多组件构成，开发RN界面的过程就是合理的组织各个组件的过程，在这其中需要不断的拆分和优化组件。因此理解RN组件的生命周期很重要，这样我们才能合理的在组件中进行我们的事务。2 React Native组件生命周期RN组件的生命周期分为四个阶段 分别是：创建阶段 实例化阶段 运行(更新)阶段 销毁阶段 整体流程图如下(借用别人的图) ...

1 前言之前写过一篇RN的环境搭建教程和新建一个新的RN项目的文章 https://blog.youkuaiyun.com/qiyei2009/article/details/78820207 但是其实在实际开发中，在已有的android项目中集成RN情况更普遍，这篇文章就是一个怎么在已有Android项目中引入RN的例子2 集成步骤首先搭建好Android开发环境，并有一个新建的或者已经存在...

1 前言都说RN开发效率高，一次学习随处编写。真的用RN开发了一个APP才知道，RN中坑真是太多，特别是很多坑只有在生产模式下才会出现，在平常的debug模式下，APP运行好好的，但是你一旦打正式包，就会发现各种报错，各种崩溃，如果在Android平台下，各种兼容性，各种奇葩的问题，加上js本身是动态语言，很多错误又无法在编译期间检查出来。因此用RN开发APP，在调试bug阶段消耗的时间和精力...