ホーム画面からアプリ起動するとクラッシュする問題への対処

はじめに

React Nativeでアプリを開発している際、androidは一度インストールしたアプリの履歴を消して再度起動しても問題なくアプリを動かすことができます。

しかし、iOSでは履歴を消して再起動するとクラッシュして落ちてしまいます。この問題の解決方法がわかったのでまとめます。

原因と解決方法

React Nativeでアプリを起動する際Metro Bundlerでローカルにサーバを立てた上でアプリが起動します。

PCから起動する際はローカルサーバが見つかるので問題なく起動しますが、iOSでホーム画面からアプリを起動する際、ローカルサーバがどこにあるのか判定できずクラッシュしてしまっているものだと思われます。

AppDelegate.mの中身を以下のように修正します。#if DEBUGで定義している部分をコメントアウトすることで解決します。

#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
                                                   moduleName:@"research_react_native_ble_manager"
                                            initialProperties:nil];

  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;
}

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
//#if DEBUG
//  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
//#else
  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
//#endif
}

@end

参考文献

React-nativeで作ったiOSアプリを実機テストする