React Native - 将数据从本机发送到javascript /桥接

时间:2016-07-26 15:06:10

标签: ios react-native

我是React Native(iOS)的新手,我已经阅读了很多关于桥接的知识,但是我似乎无法使其工作。

我需要能够将AppDelegate中的对象/字符串发送到JavaScript。我的AppDelegate返回一个UserName,它由我在AppDelegate中的一个方法中的本机代码检索。

我尝试在AppDelegate.m中使用

#import "RCTBridge.h"
#import "RCTEventDispatcher.h"

然后

@synthesize bridge = _bridge;

并在我的方法中

  NSString *eventName = notification.userInfo[@"name"];
  [self.bridge.eventDispatcher sendAppEventWithName:@"EventReminder"
                                               body:@{@"name": eventName}];

但以上都没有,我收到错误。我是否还需要对AppDelegate.h做任何事情?

任何人都可以帮助我吗?将数据从本机发送到javascript的最简单方法是什么?

更新

我找到了一种解决方法,但我不认为它有效,因为我正在调用RCTRootView两次。首先加载initialProperties nil的应用程序,如下所示:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;


 jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];



  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"myApp"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];



  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];

  [self getUsername];

}

当我第二次检索UserName时,我会像这样更新initialProperties

-(void) getUsername {

    //3rd party code to retrieve the username

            NSString *username = username

      NSURL *jsCodeLocation;

      jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

      RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:jsCodeLocation moduleProvider:nil launchOptions:nil];

      RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
                                                       moduleName:@"myApp"
                                                initialProperties: @{@"username" : username}];



      self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
      UIViewController *rootViewController = [UIViewController new];
      rootViewController.view = rootView;
      self.window.rootViewController = rootViewController;
      [self.window makeKeyAndVisible];


}

通过上述方式,我可以通过JavaScript中的this.props发送和接收用户名。

但就像我说的那样,我不确定这是一种有效的方式,因为我正在呼叫RCTRootView两次。

请提供任何帮助。

1 个答案:

答案 0 :(得分:1)

您可以,而不是尝试将其放在iOS端的初始启动代码中,而是将其放入导出函数的本机模块中以从中返回信息。请参阅React Natives官方文档:https://facebook.github.io/react-native/docs/native-modules-ios.html