在iPhone上运行React Native App

时间:2016-07-29 13:42:10

标签: ios iphone xcode npm react-native

我尝试运行使用react native(v0.3)创建的应用程序而根本不连接到我的计算机。我已将应用与react-native bundle --dev false --entry-file index.ios.js --bundle-output ios/main.jsbundle --platform ios捆绑在一起并在我连接的iPhone上运行(在Xcode上也更改为Release)。

这很好,即使(启动后)我禁用WiFi并断开手机与我的mac。但是,如果我完全关闭应用程序并尝试再次启动它(没有WiFi或USB连接)它会崩溃(它显示应用程序屏幕并在几秒钟后崩溃)...

在启动时,我可以看到一个标有类似"连接到192的绿色条。*" (这可能是我的mac的IP地址)。如何完全禁用连接?连接对于调试非常有用,但是不可能向某人显示应用程序。

根据official documentation中的建议取消评论jsCodeLocation中的AppDelegate.m部分并不是很有用,因为它无法生成此代码:

#import "AppDelegate.h"

#import "RCTBundleURLProvider.h"
#import "RCTRootView.h"

@implementation AppDelegate

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

  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"weather"
                                               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];
  return YES;
}

或者我在这里错过了什么?

版本:

  • OSX 10.11.5
  • Xcode 7.3.1
  • React Native 0.3
  • npm 3.10.3

1 个答案:

答案 0 :(得分:4)

其中一种可能的解决方案是在Release模式下运行您的应用程序,该模式将自动使用已编译的软件包而不是托管软件包。在开发模式下,bundle不会编译并存储在设备上,以缩短构建时间。将配置设置为Release时,react-native-xcode.sh脚本会自动为您运行bundle命令,并准备资产以及存储在设备上的Javascript代码。

为此,只需单击项目名称(在本例中为Basic): enter image description here

然后从模态中选择Edit Scheme并将Build configuration从Debug更改为Release。

请注意,您还可以创建一个新方案,以便同时具有Debug&一次可用的释放模式。为此,只需从前面提到的模式而不是New Scheme中选择Edit Scheme并相应地应用相同的调整。