Réagir Natif: Comment puis-je détecter si mon code est exécuté dans le Simulateur?

En Obj-C pour iOS, je peux utiliser #if (TARGET_IPHONE_SIMULATOR) à écrire simulateur seul code.

À réagir native, je peux utiliser:

if (__DEV__) {
 .. do something special
}

.. pour détecter le mode de développement.

Nous pouvons utiliser Platform.OS === 'ios' pour détecter la plateforme (Android/iOS).
Voir ici pour plus d'info Plate-Forme De Docs

Mais comment pouvons-nous détecter si l'application est en cours d'exécution dans le simulateur?

La raison pour laquelle je demande, c'est que mon appli utilise l'appareil photo pour scanner des codes-barres, ce qui n'est pas pris en charge dans le Simulateur iOS.

InformationsquelleAutor Ben Clayton | 2016-01-11

56

Vous pouvez le faire assez facilement avec réagir-native-appareil-info, comme suit:
```
import DeviceInfo from 'react-native-device-info'

isSimulator() {
  return DeviceInfo.isEmulatorSync();
},
```
- N' .getModel() a le même résultat sur android ainsi? qui est "Simulateur"?
- Désolé, je ne sais pas, je n'ai pas fait beaucoup avec Android! Excellente question!
- Cela ne fonctionne pas sur android simulateurs (au moins dans la mienne)
- Utilisation DeviceInfo.isEmulator() à la place. J'ai édité la réponse.
- Je ne pense pas que votre modification a été enregistré/accepté
- Merci @BrunoLemos, j'ai mis à jour la réponse. Je vois que c'était, en effet, ajouté à RNDI dans github.com/rebeccahughes/react-native-device-info/commit/.... Cool!
InformationsquelleAutor Lane Rettig

La solution la plus simple je pense, qui ne nécessite pas la création d'un module natif (ou en modifier une existante), serait de passer ce paramètre en tant que réagir propriété de composant.

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

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

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

Vous pouvez maintenant accéder en JavaScript via les accessoires de votre réagissent 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;
}

Qui ressemble à un bon plan, je vais essayer ça. Je vous remercie.
Hey, grande solution et il fonctionne comme un charme. Avez-vous un extrait de code sur la façon dont cela pourrait fonctionner avec Android?
J'ai mis à jour la réponse à montrer une solution pour Android en utilisant une approche similaire.

InformationsquelleAutor Artal

11

Si vous êtes à la construction d'un CRNA/Expo application, vous pouvez utiliser Expo.Constants.isDevice
https://docs.expo.io/versions/latest/sdk/constants/#constantsisdevice
```
import { Constants } from 'expo'
//....

console.log(Constants.isDevice) //=> false if simulator
```
InformationsquelleAutor sguha

À l'aide de réagir-native-appareil-info vous pouvez obtenir les données suivantes (exécuté sur un simulateur):

getUniqueID: DB71DCB5-6BB0-497B-BE9E-A02BCC1235B7
getInstanceID: undefined
getDeviceId: x86_64
getManufacturer: Apple
getModel: Simulator
getBrand: Apple
getSystemName: iOS
getSystemVersion: 10.1
getBundleId: org.reactjs.native.example.project
getBuildNumber: 1
getVersion: 1.0
getReadableVersion: 1.0.1
getDeviceName:MacBook Pro
getUserAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_1 like Mac OS X) AppleWebKit/602.2.14 (KHTML, like Gecko) Mobile/14B72
getDeviceLocale: en
getDeviceCountry: US
getTimezone: America/Panama
isEmulator: true
isTablet: false

des informations utiles, merci. Maintenant, en évitant de lire la documentation.

InformationsquelleAutor chachan

1

Actuellement, il n'y a pas moyen de voir si vous exécutez à partir d'un simulateur en JS.

Je suggère d'ajouter la condition TARGET_IPHONE_SIMULATOR de vérifier votre code natif (si vous avez écrit votre propre module). Ou peut-être utiliser une 3ème partie module qui ne rend pas l'appareil si dans un simulateur...c'est à dire: réagir-native-appareil photo: https://github.com/lwansbrough/react-native-camera/search?utf8=%E2%9C%93&q=TARGET_IPHONE_SIMULATOR

InformationsquelleAutor Dave Sibiski

Vous devez vous connecter pour publier un commentaire.