我有现有的 ReactNative 项目。
现在我正在尝试连接到一些 native 库。我已经通过官方Native modules guide 。
在我的代码中,我添加了 CalendarManager.h 文件,其中包含以下代码:
#import <Foundation/Foundation.h>
#import "RCTBridgeModule.h"
@interface CalendarManager : NSObject <RCTBridgeModule>
@end
我还有 CalendarManager.m 文件:
#import "CalendarManager.h"
@implementation CalendarManager
RCT_EXPORT_MODULE();
RCT_EXPORT_METHOD(addEvent:(NSString *)name location:(NSString*)location)
{
//RCTLogInfo(@"Pretending to create an event %@ at %@", name, location);
}
@end
此文件通过 XCode 添加到与 AppDelegate.m 文件相同的级别。
在我的 javascript 代码中我这样做:
import React from 'react-native';
然后我这样调用该函数:
var cmanager = React.CalendarManager;
cmanager.addEvent('Birthday Party', '4 Privet Drive, Surrey');
我能够构建该项目,但是当我在模拟器中运行它时(包管理器启动后),我收到了令人讨厌的红色错误:
Cannot read property 'addEvent' of undefined.
我觉得我错过了一些东西,但我不确定是什么?
最佳答案
您需要使用 NativeModules
来访问您的自定义 native 组件。
试试这个:
import { NativeModules } from 'react-native';
var CalendarManager = NativeModules.CalendarManager;
CalendarManager.addEvent('Birthday Party', '4 Privet Drive, Surrey');
关于javascript - ReactNative - 无法从 native 模块调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36065160/