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

Question

react-native Dimensions.get("window").width 对于 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

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

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