Reagieren Natives: Wie Sie Feststellen, wenn sich ein Gerät iPhone oder iPad

Ich weiss, Reagieren die Einheimischen, dass wir die Fähigkeit haben, zu bestimmen, ob iOS oder Android ausgeführt wird, mithilfe der Platform Modul, aber wie können wir ermitteln, welches Gerät verwendet wird, auf iOS?

InformationsquelleAutor William C | 2016-10-25

  1. 21

    Als der 9.02.2018 es ist auch

    import { Platform } from 'react-native'
Platform.isPad //boolean

    Daran, dass (Stand jetzt) es hat kein android-Pendant.

    undefiniert für reagieren nativen 0.57

    InformationsquelleAutor Artur Kulig

  2. 14

    Einfachste Ansatz wird sein, über das Seitenverhältnis. Der code:

    import { Dimensions } from 'react-native';
const {height, width} = Dimensions.get('window'); 
const aspectRatio = height/width;

if(aspectRatio>1.6) {

   //Code for Iphone

}
else {

   //Code for Ipad

}

    Seitenverhältnis des iPad ist 4:3 (1.334) und das Seitenverhältnis des iPhone ist 16:9 (1.778)

    Stellen Sie sicher, zu überprüfen, ob Sie auf einem iOS-Gerät mit Platform.OS === 'ios' - Methode vor der Anwendung der oben genannten Logik.

    Dies könnte auch auf Android zu erkennen ob ein tablet nicht?
    Dies funktioniert mit android, aber nicht alle Android-tablets haben das gleiche Seitenverhältnis.

    InformationsquelleAutor Dani Akash

  3. 8

    Wenn Sie auf der Suche nach einem Weg, das zu tun, ohne 3rd-party-Bibliotheken (wie reagieren-native-Gerät-info) Sie können auch tun:

    import { NativeModules } from 'react-native';
const { PlatformConstants } = NativeModules;
const deviceType = PlatformConstants.interfaceIdiom;

    deviceType kann die Werte: phone, pad, tv, carplay und unknown.

    InformationsquelleAutor SudoPlz

  4. 6

    Können Sie etwa bestimmen, welche iOS-Gerät verwendet wird, ohne externe Abhängigkeiten... Erste Abfrage Platform.OS dann die Abmessungen Modul können Sie die Abfrage-Gerät für die Bildschirm-Dimensionen, die übersetzt werden können, um Geräte: http://iosres.com/

    Ich mochte die "ohne externe Abhängigkeiten", die Leute lassen Ihren code bekommen, so dass abhängig von unnötigen libs mein Kopf tut weh manchmal. +1

    InformationsquelleAutor Maxwelll

  5. 5

    Sollten Sie in der Lage sein, um die Informationen aus dem Modul react-native-device-info

    https://github.com/rebeccahughes/react-native-device-info

    Ich jedenfalls bevorzuge diesen Ansatz, vorausgesetzt Apple nie produzieren wird ein Gerät mit einem anderen Seitenverhältnis ist ein bisschen riskant, und dieses Modul hat tatsächlich beziehen sich auf Modelle. Leider ist der emulator gibt "Simulator" das ist ein bisschen umständlich zum testen.

    InformationsquelleAutor Brien Crean

  6. 0

    Eine gute Lösung von @Maxwelll.
    Eine genauere Vorgehensweise wäre die Messung der Bildschirm-Verhältnis.
    Alle iPhones sind 16:9, alle iPads sind 3:4.

    InformationsquelleAutor Alex Pavtoulov

Schreibe einen Kommentar