Réagir Natif: Comment faire pour Déterminer si l'Appareil est un iPhone ou un iPad

Je sais à Réagir Indigènes que nous avons la capacité de déterminer si iOS ou Android est en cours d'exécution à l'aide de la Platform module, mais comment pouvons-nous déterminer ce dispositif est utilisé sur iOS?

InformationsquelleAutor William C | 2016-10-25
  1. 22

    De 9.02.2018 il est également

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

    L'esprit que (dès maintenant) il n'a pas d'homologue android.

    • undefined pour réagir natif de 0,57
    InformationsquelleAutor Artur Kulig
  2. 16

    Approche la plus simple sera d'utiliser le ratio d'aspect. Le code sera:

    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

}

    Ratio d'Aspect de l'iPad est de 4:3 (1.334) et le ratio d'aspect de l'iPhone est de 16:9 (1.778)

    Assurez-vous de vérifier si vous êtes sur un appareil iOS à l'aide de Platform.OS === 'ios' méthode avant d'appliquer la logique ci-dessus.

    • Cela pourrait également travailler sur Android, pour détecter une tablette non?
    • Cela fonctionne avec android, mais pas toutes les tablettes Android ont le même aspect.
    InformationsquelleAutor Dani Akash
  3. 9

    Si vous êtes à la recherche d'un moyen de le faire sans y compris 3ème partie les bibliothèques (comme réagir-native-appareil-info) vous pouvez aussi le faire:

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

    deviceType peut prendre les valeurs: phone, pad, tv, carplay et unknown.

    • cette solution me rendre "undefined".
    • Pour moi cela ne fonctionne que sur iOS pas Android
    InformationsquelleAutor SudoPlz
  4. 7

    Vous pouvez à peu près déterminer quel appareil iOS est utilisé sans dépendances externes... Première requête Platform.OS puis le Dimensions module vous permet d'interroger l'appareil pour dimensions de l'écran qui peut se traduire par des dispositifs: http://iosres.com/

    • J'ai bien aimé le "sans dépendances externes", les gens laissent leur code dépend inutile libs ma tête me fait mal parfois. +1
    InformationsquelleAutor Maxwelll
  5. 5

    Vous devriez être en mesure d'obtenir cette information à partir du module react-native-device-info

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

    • Certes, je préfère cette approche, en supposant que Apple ne produira jamais un appareil avec un ratio d'aspect différent, est un peu risqué, et ce module ne fait rapportent à des modèles. Malheureusement, l'émulateur renvoie "Simulateur" qui est un peu gênant pour les tests.
    InformationsquelleAutor Brien Crean
  6. 3

    Il y a un type dans réagissent-natif appelé PlatformIOSStatic, vous avez besoin de force-cast Platform à PlatformIOSStatic si l'utilisation de la machine.

    import { Platform, PlatformIOSStatic } from 'react-native'

if (Platform.OS === 'ios') {
  const platformIOS = Platform as PlatformIOSStatic
  console.log(platformIOS.isPad)
  console.log(platformIOS.isTVOS)
}

    La conception de l'interface ici est assez mauvais, l'espoir RN équipe de l'améliorer.

    InformationsquelleAutor duan
  7. 0

    Une bonne solution par @Maxwelll.
    Une mesure plus précise de l'approche serait de mesurer le ratio de l'écran.
    Tous les iPhones sont en 16:9, tous les iPads sont 3:4.

    InformationsquelleAutor Alex Pavtoulov