美文网首页
ReactNative引入含有NativeModule的第三方库

ReactNative引入含有NativeModule的第三方库

作者: 反复横跳的龙套 | 来源:发表于2017-11-14 10:39 被阅读70次
    本文主要讲解在Android端引入含有NativeModule的React Native第三方库的步骤。
    

    很多时候React Native的第三方库没有NativeModule,因此一般只需要npm install xxx --save将第三方下载便可以直接在JS端导入并使用。

    问题在于,也有许多第三方库中是包含NativeModule的,比如react-native-fetch-blob,即此时需要在Native端进行相关的依赖才能够使用该第三方库。

    下面是Android端导入含有NativeModule的第三方库的步骤:

    1. 使用npm install xxx --save下载第三方库(其中xxx是第三方库)
    2. 使用react-native link xxx链接第三方库(此时Android中的setting.gradle中会自动导入该第三方库)
    3. 在项目的build.gradle中引入该库(将下载的第三方库移到Native端,即Android端)
    4. 在继承NavigationApplication的MainApplication的getPackages中将第三方库NativeModule的Package引入进来(这一步很关键,容易遗漏)
      (其实最后两步只要在AndroidStudio中build一下就能自动完成了)

    这样便可以使用该第三方库了。

    相关文章

      网友评论

          本文标题:ReactNative引入含有NativeModule的第三方库

          本文链接:https://www.haomeiwen.com/subject/gnexvxtx.html