React Native: Comment puis-je détecter si mon code fonctionne dans le simulateur?

la solution la plus simple à laquelle je puisse penser, qui ne nécessite pas de créer un module natif (ou de modifier un module existant), serait de passer ce paramètre comme propriété react component.

Dans votre AppDelegateRCTRootView est initialisé, vous vérifier si c'est le simulateur comme vous le feriez dans une application iOS; vous pouvez alors passer cette info à réagir à la racine de la vue comme sa initialProperties:

  BOOL isSimulator = NO;
#if TARGET_IPHONE_SIMULATOR
  isSimulator = YES;
#endif

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"ReactDemo"
                                               initialProperties:@{@"isSimulator": @(isSimulator)}
                                                   launchOptions:launchOptions];

Maintenant vous pouvez y accéder dans le JavaScript via les accessoires de votre react composant:

this.props.isSimulator

sur Android, en vous MainActivity qui s'étend ReactActivity vous pouvez utiliser une approche similaire:

public boolean isEmulator() {
        return Build.FINGERPRINT.startsWith("generic")
                || Build.FINGERPRINT.startsWith("unknown")
                || Build.MODEL.contains("google_sdk")
                || Build.MODEL.contains("Emulator")
                || Build.MODEL.contains("Android SDK built for x86")
                || Build.MANUFACTURER.contains("Genymotion")
                || (Build.BRAND.startsWith("generic") && Build.DEVICE.startsWith("generic"))
                || "google_sdk".equals(Build.PRODUCT);
    }

@Override
protected Bundle getLaunchOptions() {
    Bundle opts = new Bundle();
    opts.putBoolean("isEmulator", isEmulator());
    return opts;
}