Question

我是React Native的新手，我想使用原生模块来获取手机的电池状态。问题是我遇到了错误：@“Bridge module %@不符合RCTBridgeModule”。我猜它与类有关，但我不熟悉Objective-C语法。 即使答案很简单，我也非常感谢这个领域的任何帮助。谢谢！

我的BatteryStatus.h如下所示：

#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
#import <React/RCTEventEmitter.h>

@interface BatteryStatus : RCTEventEmitter <RCTBridgeModule>
@end

我的BatteryStatus.m看起来像这样：

#import "BatteryStatus.h"

@implementation BatteryStatus
RCT_EXPORT_MODULE(BatteryStatus)

- (instancetype)init
{
  if ((self = [super init])) {

    [[UIDevice currentDevice] setBatteryMonitoringEnabled:YES];

  }
  return self;
}

RCT_EXPORT_METHOD(hide) {
}

RCT_EXPORT_METHOD(updateBatteryLevel:(RCTResponseSenderBlock)callback)
{
  callback(@[[self getBatteryStatus]]);
}

//manually get battery status by calling following method

-(NSDictionary*)getBatteryStatus
{

  float batteryLevel = [UIDevice currentDevice].batteryLevel;

  NSObject* currentLevel = nil;

  currentLevel = [NSNumber numberWithFloat:(batteryLevel * 100)];

  NSMutableDictionary* batteryData = [NSMutableDictionary dictionaryWithCapacity:2];

  [batteryData setObject:currentLevel forKey:@"level"];
  return batteryData;

}

@end

我正试图在React Native中使用它，如下所示：

import { Text, View, NativeModules } from 'react-native';
import React, { Component } from 'react';

class App extends Component {

  constructor(props) {
    super(props);
    this.state = {
    batteryLevel: null,
    };
   }

   componentDidMount() {
     NativeModules.BatteryStatus.updateBatteryLevel((info) => {
     console.log(info.level);
     const level = Math.ceil(info.level);
     this.setState({ batteryLevel: level });
     });
   }
render() {
    return (
      <View>
        <Text>TEST</Text>
      </View>
    );
  }
}


export default App;

Answer 1

在您的情况下，您不应该继承RCTEventEmitter。如果要将事件从本机模块发送到JS来监听模块的特定事件，则只需要这样做;在这种情况下，您需要在本机模块中实现supportedEvents方法，并指定您支持的事件的名称。 您未获得此异常，因为您没有实施此方法。

由于您未发送任何事件，BatteryStatus应该继承基本的NSObject类，如下所示：

@interface BatteryStatus : NSObject <RCTBridgeModule>
@end

我建议您查看RN指南以创建native ios modules。

错误：@“桥接模块％@不符合RCTBridgeModule”

1 个答案: