如何使用React Native从UIDevice获取设备名称？

Question

我希望使用React Native访问设备名称（来自UIDevice）。有没有办法做到这一点？

Answer 1

您需要制作Native Modules (iOS)。以下是步骤：

• 制作用于获取设备名称的原生iOS组件
• 在JS
中使用它

1。制作组件

//  Device.h
@import UIKit;
#import "RCTBridgeModule.h"

@interface Device : NSObject <RCTBridgeModule>

@end

//  Device.m
#import "Device.h"

@implementation Device
RCT_EXPORT_MODULE()

RCT_EXPORT_METHOD(deviceName:(RCTResponseSenderBlock)callback) {
  NSString *deviceName = [[UIDevice currentDevice] name];
  callback(@[deviceName]);
}
@end

2. 在JS

中使用它

var Device = require('react-native').NativeModules.Device;
Device.deviceName( (name) => {
  console.log(name) 
});