有时候我们在写RN页面时候需要用到比较复杂的处理,如果你还不太熟悉如何用JS去写(比如我)或者原生APP中已经实现了这个复杂的功能,那么我们可以考虑在RN页面中调用原生应用中的方法.将处理后的数据再返回给RN页面使用.这个时候我们就需要知道RN页面是如何调用原生方法的
下面根据我自己实际经验来梳理下整个过程:
首先在你要调用的原生类中的.h文件中导入#import <React/RCTBridgeModule.h>
#import <React/RCTLog.h>头文件.
在类后面写上这个<RCTBridgeModule>协议,意思就是要实现这个协议里面的如下图
01.png
RCT_EXPORT_MODULE();这个宏.
02.png
03.png
04.png
有时候我们在写RN页面时候需要用到比较复杂的处理,如果你还不太熟悉如何用JS去写(比如我)或者原生APP中已经实现...
1.使用场景 使用在react native 页面需要调用原生 组件或原生三方的时候,如： (1) 在react ...
本文要讲的交互场景是JS调用原生方法，最后由原生方法将结果回调到JS里面。 react-native是在原生的基础...
摘要 Native是如何给Web页面提供可供Web调用的原生方法的 Web在执行完Native提供的方法之后如何知...
Mark: 在使用ract-native真机调试调用iOS原生的framework的方法后，再回到react-na...
参考从react-native中跳转到自带的原生页面，首要的问题就是跳转，怎么跳转。在react-native中提...
这里所说的通信，指的是参数互传，以及react-native调用native的方法。（ps: native 调用r...
方法一、 一、原生调用vue方法 1. VUE 2. Native Android iOS 二、Vue调用原生 ...
本章节是继上节的基础《react-native调用android原生方法！(Toast初试)》，如果有什么不了解的...
开发工具：WebStorm，Android Studio【后文简称AS】 参考链接：RN官方文档 前言： 开始正文...
本文标题：React Native页面调用原生方法
本文链接：https://www.haomeiwen.com/subject/rgliottx.html
网友评论