[IOS] Can't connect to metro on a real device #1637

Activity

1. sLurPPPeRsTaR commented on Feb 5, 2026

   

   sLurPPPeRsTaR

   on Feb 5, 2026

   Last edited by sLurPPPeRsTaR

   More actions

   add this to your info plist

   	<key>NSBonjourServices</key>
   	<array>
   		<string>_http._tcp</string>
   		<string>_http._tcp.local</string>
   	</array>
   	<key>NSLocalNetworkUsageDescription</key>
   	<string>This app requires access to the local network to connect to the Metro Bundler debug server.</string>
   

   and modify your appdelegate

   import UIKit
   import React
   import React_RCTAppDelegate
   import ReactAppDependencyProvider
   import CodePush
   
   @main
   class AppDelegate: UIResponder, UIApplicationDelegate {
     var window: UIWindow?
   
     var reactNativeDelegate: ReactNativeDelegate?
     var reactNativeFactory: RCTReactNativeFactory?
   
       var bonjourBrowser: NetServiceBrowser?
   
     func application(
       _ application: UIApplication,
       didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
     ) -> Bool {
   
       if !UserDefaults.standard.bool(forKey: "HAS_RUN_BEFORE") {
           UserDefaults.standard.set(true, forKey: "HAS_RUN_BEFORE")
   
           let secItemClasses = [
               kSecClassGenericPassword,
               kSecClassInternetPassword,
               kSecClassCertificate,
               kSecClassKey,
               kSecClassIdentity
           ]
   
           for secItemClass in secItemClasses {
               let spec: NSDictionary = [kSecClass as String: secItemClass]
               SecItemDelete(spec)
           }
       }
   
       showSplashScreen()
   
       #if DEBUG
       triggerLocalNetworkPermission()
       #endif
       
       let delegate = ReactNativeDelegate()
       let factory = RCTReactNativeFactory(delegate: delegate)
       delegate.dependencyProvider = RCTAppDependencyProvider()
   
       reactNativeDelegate = delegate
       reactNativeFactory = factory
   
       window = UIWindow(frame: UIScreen.main.bounds)
   
       factory.startReactNative(
         withModuleName: "**li",
         in: window,
         launchOptions: launchOptions
       )
   
       return true
     }
     
   
     func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
       print("Deep link opened: \(url.absoluteString)")
       return RCTLinkingManager.application(app, open: url, options: options)
     }
     
     func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
       if userActivity.activityType == NSUserActivityTypeBrowsingWeb, let url = userActivity.webpageURL {
         print("Universal link opened: \(url.absoluteString)")
       }
       return RCTLinkingManager.application(application, continue: userActivity, restorationHandler: restorationHandler)
     }
   
     private func showSplashScreen() {
       DispatchQueue.main.async {
           if let splashClass = NSClassFromString("SplashView") as? NSObject.Type,
             let splashInstance = splashClass.perform(NSSelectorFromString("sharedInstance"))?.takeUnretainedValue() as? NSObject {
               splashInstance.perform(NSSelectorFromString("showSplash"))
           }
       }
     }
   
     private func triggerLocalNetworkPermission() {
       bonjourBrowser = NetServiceBrowser()
       bonjourBrowser?.searchForServices(ofType: "_http._tcp.", inDomain: "local.")
   
       DispatchQueue.main.asyncAfter(deadline: .now() + 2.0) { [weak self] in
         self?.bonjourBrowser?.stop()
       }
     }
   }
   
   class ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {
     override func sourceURL(for bridge: RCTBridge) -> URL? {
       self.bundleURL()
     }
   
     override func bundleURL() -> URL? {
   #if DEBUG
       RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: "index")
   #else
       CodePush.bundleURL()
   #endif
     }
   }