react-native - 如何在 native iOS中获得正确的屏幕宽度？

Question

react-native Dimensions.get(“window”)。iPhone 6s的宽度返回375...。
这似乎是不正确的。

`

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

iPhone 6的积分是375。对于大多数情况，积分就可以了。但是，如果您需要像素，则可以使用React Native提供的PixelRatio API。

例如，要获取渲染像素中iPhone上的距离，可以使用Dimensions.get('window').width * PixelRatio.get()，iPhone 6应该返回750。