如图所示，这里新建了一个 Library module，接下来点击 finish 就可以看到如下的目次构造：

apply plugin: 'com.android.library' 
android {     
  compileSdkVersion 23     
  buildToolsVersion "23.0.2"     
  defaultConfig {         
    minSdkVersion 16         
    targetSdkVersion 22         
    versionCode 1         
    versionName "1.0"         
    manifestPlaceholders = [                 
      JPUSH_APPKEY: "yourAppKey",  //在此修改JPush的AppKey                     
      APP_CHANNEL: "developer-default"      //应用渠道号         
    ]     
  }     
  lintOptions {         
    abortOnError false         
    warning 'InvalidPackage'     
  }     
  sourceSets {         
    main {             
      jniLibs.srcDirs = ['libs']         
    }     
} 
} 
repositories {     
  mavenCentral() 
} 
 
dependencies {     
  compile fileTree(dir: 'libs', include: ['*.jar'])     
  compile "com.facebook.react:react-native:+" 
} 

到此为止，我们已经完成了第一步操作，接下来须要写 Native 和 JS 交互的代码，可以参考我的┞封篇文┞仿中 JS 调用 Native 以及 Native 调用 JS 部分，这里不再赘述。假设我们已经完成了 Native 部分代码，我们若何才能在 JS 中让他人可以或许经由过程 import 的方法调用我们的 JS 代码，大年夜而调用 Native 呢?起首进入 my-react-library 文件夹，然后在终端履行

npm init 

生成 package.json 文件(留意这里的 name 字段，这里是别人引用你的模块的名字)，然后再创建一个 index.js 文件，这是 node 模块的 JS 人口，这里推荐应用 Sublime Text 进行 JS 的编写。这里以 jpush-react-native 为例：

jpush-react-native/index.js 部分代码

	
			
 2/4   首页 上一页 1 2 3 4 下一页 尾页
	
			

　　推荐阅读
　　你家的摄像头安全吗？ 央视曝光大量家庭摄像头遭入侵……
            
            现如今，很多人家里都装有智能摄像头。下载一个相接洽关系的应用法度榜样，可以随时用手机看看家里的情况。比如白叟独安闲家是否安然，保姆带娃是否尽责，有没有进小偷之类的。在QQ搜刮栏>>>详细阅读


本文标题：如何在React Native中写一个自定义模块
地址：http://www.17bianji.com/lsqh/35841.html
 1/2    1