内容简介:React native 调用原生接口实现起来比较简单,自定义接口类PushManager,需要实现RCTBridgeModule协议,导入RCT_EXPORT_MODULE宏定义.React native导入本地原生模块:调用原生模块方法:
React native 调用原生接口实现起来比较简单,自定义接口类PushManager,需要实现RCTBridgeModule协议,导入RCT_EXPORT_MODULE宏定义.
#import
#import
#import
@interface PushManager : NSObject<RCTBridgeModule>
@end
#import "PushManager.h"
@implementation PushManager
RCT_EXPORT_MODULE();
- (NSDictionary *)baseInfomation {
return @{ @"name": @"FlyElephant" };
}
RCT_EXPORT_METHOD(showMessage:(NSString *)message type:(NSString *)type)
{
RCTLogInfo(@"FlyElephant 本地调用 %@---%@---", message, type);
}
@end
React native导入本地原生模块:
import {
Text,
View,
TouchableHighlight,
NativeModules,
NativeEventEmitter,
} from 'react-native';
const PushManager = NativeModules.PushManager;
调用原生模块方法:
PushManager.showMessage("消息推送","local");
原生模块还支持回调函数的调用,iOS提供回调方法:
RCT_EXPORT_METHOD(blockCallbackEvent:(RCTResponseSenderBlock)callback)
{
NSArray *events=@[@"Callback ", @"Block ", @"FlyElephant"];
callback(@[[NSNull null],events]);
}
JavaScript回调处理:
PushManager.blockCallbackEvent((error, events) => {
if (error) {
console.error(error);
} else {
console.log("回调结果:" + events);
}
});
作者:FlyElephant
链接:https://www.jianshu.com/p/455e0b32623e
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- MUI调用原生自定义方法实现计算缓存与清空缓存
- Deno 1.9 发布:新增原生 HTTP/2 Web 服务器、优化 Rust 调用效率
- web App调用Html5plus API实现原生功能之离线打包
- 直观讲解-RPC调用和HTTP调用的区别
- 调用链系列一:解读UAVStack中的调用链技术
- 调用链系列二:解读UAVStack中的调用链技术
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Pro Django
Marty Alchin / Apress / 2008-11-24 / USD 49.99
Django is the leading Python web application development framework. Learn how to leverage the Django web framework to its full potential in this advanced tutorial and reference. Endorsed by Django, Pr......一起来看看 《Pro Django》 这本书的介绍吧!