Wie bekomme ich die richtige Bildschirmbreite in react-native iOS?

Question

react-native Dimensions.get ("window"). Breite zurück 375 für ein iPhone 6s .... scheint es weit von der Richtigkeit zu sein.

`

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
    Dimensions 
} from 'react-native'; 



class AwesomeProject extends Component { 

    render() { 
    return <Text style={{margin:50}}>Width: {Dimensions.get("window").width}</Text>; 
    } 
} 
AppRegistry.registerComponent('AwesomeProject',() => AwesomeProject);` 

Answer 1

375 die Anzahl der Punkten über für das iPhone 6. Für die meisten Dinge, werden die Punkte in Ordnung sein. Wenn Sie jedoch Pixel benötigen, können Sie die von React Native bereitgestellte API PixelRatio verwenden.

Um zum Beispiel die Strecke über das iPhone in gerenderten Pixel erhalten Sie Dimensions.get('window').width * PixelRatio.get() verwenden könnte, die 750 für das iPhone zurückgeben sollte 6.