如何使用RCTConvert进行反应

时间:2016-09-15 05:51:33

标签: react-native bridging native-module

我很反应并致力于桥接模块的反应。我只是想知道RCTConvert如何有用以及如何使用它。我关注这个网站 link

拜托,有人帮我了解这些东西。

1 个答案:

答案 0 :(得分:0)

RCTConvert 辅助函数都接受 JSON 值作为输入并将其映射到原生 Objective-C 类型或类。将基本支持的输入参数类型(例如 NSStringNSNumberNSArrayNSDictionary)转换为其他类型非常有用:NSURLUIColorCGRect 等,React 桥不支持。例如:

Java 脚本:

Module.setPosition({x : 10, y: 20});

对象:

RCT_EXPORT_METHOD(setPosition:(id)position) {
    CGPoint point = [RCTConvert CGPoint:position];
    NSLog(@"x: %f, y: %f", point.x, point.y);
}

// Prints: x: 10.000000, y: 20.000000

还可以使用 RCTConvert 宏为您的自定义类型扩展 RCT_CUSTOM_CONVERTER

Java 脚本:

Module.addUser({name : 'John', email: 'joghn@domain.com'});

对象:

typedef struct {
    NSString* name;
    NSString* email;
} User;

User createUser(NSString* name, NSString* email) {
    User user;
    user.name = name;
    user.email = email;
    return user;
};

@implementation RCTConvert (User)

RCT_CUSTOM_CONVERTER(User, User, createUser(json[@"name"], json[@"email"]) )

@end

...

RCT_EXPORT_METHOD(addUser:(id)user) {
    User new_user = [RCTConvert User:user];
    NSLog(@"name: %@, email: %@", new_user.name, new_user.email);
}

// Prints: name: John, email: joghn@domain.com

对于像 NSString 这样的简单类型,如果您尝试强制转换为其他类型,它会进行类型检查并解决转换错误,这在调试中非常重要。这是来自来源的代码:

RCTConvert.h

+ (NSString *)NSString:(id)json;

RCTConvert.m

/**
 * This macro is used for creating converter functions for directly
 * representable json values that require no conversion.
 */
#if RCT_DEBUG
#define RCT_JSON_CONVERTER(type)             \
  +(type *)type : (id)json                   \
  {                                          \
    if ([json isKindOfClass:[type class]]) { \
      return json;                           \
    } else if (json) {                       \
      RCTLogConvertError(json, @ #type);     \
    }                                        \
    return nil;                              \
  }
#else
#define RCT_JSON_CONVERTER(type) \
  +(type *)type : (id)json       \
  {                              \
    return json;                 \
  }
#endif

RCT_JSON_CONVERTER(NSArray)
RCT_JSON_CONVERTER(NSDictionary)
RCT_JSON_CONVERTER(NSString)
RCT_JSON_CONVERTER(NSNumber)

有关如何使用 RCTConvert 的更多示例,您可以查看来源:https://github.com/facebook/react-native/blob/master/React/Base/RCTConvert.m