React Native调用Android接口

由于工作需要近期研究了下React Native调用Android接口，该文章将介绍自己在RN环境搭建和封装第三方SDK接口以及RN调用Android接口的趟坑过程。（第一次写博客，写的不好请大家勿喷）

1：RN环境搭建

我是参考的RN官网的搭建开发环境进行操作的，地址：

https://reactnative.cn/docs/0.42/getting-started.html#content

RN环境搭建有些繁琐，但是按照官网文章一步一步操作完成是没有太大问题的。

2：嵌入到现有原生应用

2.1：参考RN官网嵌入到现有原生应用，地址：

https://reactnative.cn/docs/0.42/integration-with-existing-apps.html#content

其中遇到下面命令无法执行可忽略该步骤。

2.2：在这个过程中遇到了一个神坑卡了好长时间，文档中说执行npm start启动开发服务器，然后发现根本启动不起来一直卡着不动后来试过各种方法都不行，不知道就是起不来还是什么原因后来放弃了是用该命令改为react-native run-android启动项目。但是该命令会报下Android project not found. Maybe run react-native android first?错误（如图）

出现这个问题主要是因为android项目的目录结构跟react-native支持的目录结构不一致导致的。可以运行“react-native upgrade”该命令运行之后你会发现你的android项目的目录结构变化了，会在项目的根目录下生成一个android文件再次执行react-native run-android发现项目可以正常运行起来了，但是实际运行的是后来新生成的android项目，所以后期Android封装接口代码需要在该工程下编写。

3：ReactNative调用Android方法

3.1：参考相关文章

官网原生模块文章，地址：

https://reactnative.cn/docs/0.42/native-modules-android.html#content

CSDN 博客文章，地址：

http://blog.csdn.net/hanhailong726188/article/details/51236285

http://blog.csdn.net/u013718120/article/details/55506238

3.2：期间一直报错找不到Name 我忘了最开始Name是什么了，然后后来我改了一个名字然后加了个RCT前缀就好了，由此RN可正常调用Android接口，然后后期我集成了声网SDK相关接口以及微信登录，下面是我最终效果图和项目github地址。

自己工程项目地址：

https://github.com/zhao331863874/ReactNative_JNITest

4：附上几个之前网上大神封装好的工程示例

RN调用声网接口工程：

https://github.com/syanbo/react-native-agora

RN调用WX接口工程：

https://github.com/reactnativecn/react-native-wx

React Native调用Android接口相关推荐

Android方法调用实体类的值,React Native调用Android原生方法和传值
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 创建react native 项目:react-native init callAndroidProject cd ca ...
React Native调用Android原生代码实现车牌识别功能【附效果图附源码】
转载请注明出处,原文地址:http://blog.csdn.net/lucherr/article/details/71908180 这段时间研究了下React Native,Facebook推出的, ...
React Native在Android当中实践（五）——常见问题
React Native在Android当中实践(一)--背景介绍 React Native在Android当中实践(二)--搭建开发环境 React Native在Android当中实践(三)--集 ...
React Native在Android当中实践（一）——背景介绍
React Native在Android当中实践(一)--背景介绍 React Native在Android当中实践(二)--搭建开发环境 React Native在Android当中实践(三)--集 ...
20分钟理解React Native For Android原理
原址:http://doslin.com/2017/03/15/react-native-source-code-analysis/ 前言文中所有 RN 缩写指代React Native For A ...
React Native for Android 实践 — 实现知乎日报客户端
React Native for Android 的发布,对一个 Android 开发者来说还是有相当的吸引力的.通过前面这篇博客:React Native for Android 入门老虎好不容易入 ...
react native开发Android 篇——集成自定义的字体
react native开发Android 篇--集成自定义的字体第一种:link添加自定义字体第二种:直接复制字体到`android/app/src/main/assets/fonts`目录下 ...
react native开发Android 篇——APP名称、图标、启动页
react native开发Android 篇--APP名称.图标.启动页设置APP名称设置APP图标设置启动页隐藏启动页设置APP名称编辑 android/app/src/main/re ...
React Native和Android整合详解
前言按照React Native的迭代速度,使用官网的文档,已经不能很顺利的实现React Native和Android的有效整合.React Native最新版本已经是0.39.为了更好的讲解R ...

React Native调用Android接口

React Native调用Android接口相关推荐

最新文章

热门文章