项目目录结构一（ios与rn混编）

前言

一个RN项目不可能全部都是RN结构的，肯定需要和原生交互。有人会说那直接用网页和原生交互好了，但是使用rn的目的不仅仅是为了热更新，能和网页一样更新快。能和网页一样实现跨平台。其实还有个特点就是体验好。不会像网页那么卡顿。

RN与原生（ios）的目录结构，以及基本三方插件安装等集成。其实很简单，照着教程做就可以了，前提是有一个好的教程。没有一个系统的好教程，靠自己琢磨真的很费劲。有很多坑。特别是一些三方已经更新了，方法名变了甚至升级后还有依赖其他三方。而教程却往往没更新导致集成使用走了很多弯路。自己也走了很多弯路，决定把过程捋一捋分享给大家，让大家能够绕坑而行。

集成过程

rn集成部分

1. react-native部分

   1. 假如工程名字叫做Test，创建Test文件夹。

   2. 在Test文件夹里边在创建一个文件夹，名字叫做创建react-native文件夹。该目录下放的都是android，ios所公用的rn代码。

   3. 在react-native文件夹下创建pack.json文件,在写上要依赖的三方js库。

      1. 在当前目录下终端输入命令来创建pack.json文件,并编辑。

         1. 创建pack.json文件

            touch package.json
            

         2. 在文件里输入要导入的三方js库
            1. “react-native-code-push”: “^5.5.2”,//code-push，一个实现增量更新的js库
            2. “react-native-gesture-handler”: “^1.1.0”,//是react-navigation的一个依赖库，有ios和js部分的三方库
            3. “react-navigation”: “^3.3.2”//一个用来实现tabbar和navi导航功能的js库

            {
                "name": "Test",
                "version": "0.0.1", 
                "private": true,
                "scripts": {
                    "start": "node node_modules/react-native/local-cli/cli.js start",
                    "test": "jest"
                },
                "dependencies": {
                    "react": "16.6.3",
                    "react-native": "0.58.6",