2016-08-29 85 views
3

react-native Dimensions.get(「window」)。width爲iPhone 6s返回375 .... 它似乎很不正確。如何在react-native iOS中獲得正確的屏幕寬度?

`

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);` 

clearly wrong, but no one reported this issue in their github, so it seems I did it wrongly....

回答

10

375是跨越了iPhone 6。對於大部分事物的數量,積分將被罰款。但是如果你需要像素,你可以使用React Native提供的PixelRatio API。

例如,爲了獲得在渲染的像素在整個iPhone的距離,你可以使用Dimensions.get('window').width * PixelRatio.get(),這應該爲iPhone 6

+0

哦THX很多關於你的答案返回750!它現在很好用! –

+0

我很高興!如果它能起作用,你會接受答案嗎? –

+0

@勞倫斯Cheuk這似乎工作很好,任何機會,你可以接受這個答案?因爲這個問題仍然是公開的。 – Antoni4