有时候 App 需要访问平台 API,但 React Native 可能还没有相应的模块封装;或者你需要复用 Objective-C、Swift 或 C++代码,而不是用 JavaScript 重新实现一遍;又或者你需要实现某些高性能、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等。
我们把 React Native 设计为可以在其基础上编写真正的原生代码,并且可以访问平台所有的能力。这是一个相对高级的特性,我们并不认为它应当在日常开发的过程中经常出现,但具备这样的能力是很重要的。如果 React Native 还不支持某个你需要的原生特性,你应当可以自己实现该特性的封装。
RCTBridgeModule
RCT是ReaCT的缩写,React Native中Object-C相关的命名均以RCT开头。
RCTBridgeModule是定义好的protocol,实现该协议的类,会自动注册到Object-C对应的Bridge中。
Object-C Bridge上层负责与Object-C通信,下层负责和JavaScript Bridge通信,而JavaScript Bridge负责和JavaScript通信.
这样,通过Object-C Bridge和JavaScript Bridge就可以实现JavaScript和Object-C的相互调用。
先要定义一个类:RNIOSAlert用来现实RCTBridgeModule协议。
作者:姜家志
链接:https://www.jianshu.com/p/e8d2d8e1e21f
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
// CalendarManager.h
#import <React/RCTBridgeModule.h>
#import <UIKit/UIKit.h>
//定义部分,清楚定义了类的名称、数据成员和方法。
@interface TestModule : NSObject <RCTBridgeModule>
{
}
@end
#import "TestModule.h"
#import <UIKit/UIKit.h>
#import <EXAV/EXAV.h>
//实现区块则包含了公开方法的实现,以及定义私有(private)变量及方法。
@implementation TestModule
RCT_EXPORT_MODULE();
RCT_EXPORT_METHOD(SetProximity:()
{
//建议在播放之前设置yes,播放结束设置NO,这个功能是开启红外感应
[[UIDevice currentDevice] setProximityMonitoringEnabled:YES];
//添加监听
[[NSNotificationCenter defaultCenter] addObserver:self
selector:@selector(sensorStateChange:)
name:@"UIDeviceProximityStateDidChangeNotification"
object:nil];
}
-(void)sensorStateChange:(NSNotificationCenter *)notification;
{
//如果此时手机靠近面部放在耳朵旁,那么声音将通过听筒输出,并将屏幕变暗
if ([[UIDevice currentDevice] proximityState] == YES)
{
NSLog(@"Device is close to user");
[[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryPlayAndRecord error:nil];
}else{
NSLog(@"Device is not close to user");
[[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryPlayback error:nil];
}
}
RCT_EXPORT_METHOD(Proximity)
{
//建议在播放之前设置yes,播放结束设置NO,这个功能是开启红外感应
[[UIDevice currentDevice] setProximityMonitoringEnabled:NO];
}
@end
RN
import {NativeModules} from 'react-native';
componentDidMount() {
NativeModules.TestModule.SetProximity()
}