为两个操作系统[React Native]计算响应高度、宽度和字体大小的最佳方法是什么？

Question

计算两个操作系统的高度、宽度和字体大小的最佳实践是什么？

Answer 1

有一种简单的方法可以处理它。

1.

import {Dimensions} from 'react-native';
let heightOfScreen = Dimensions.get('window').height
let width = Dimensions.get('window').width

现在假设你的手机的高度是100，你的手机高度是640像素，所以，*(100/640)100 = 15.6所以现在你可以将任何视图高度设置为<View style={{height:15.6*heightOfScreen}} >，它对所有移动设备都是动态的，两者都是跨平台的，你不必担心这在一些手机和所有的手机上看起来很小。我使用了react-native最好的内置特性之一来提供屏幕尺寸。同样，你也可以做宽度。

希望能有所帮助。请不要有疑问

Answer 2

您可以从react-native导入Dimensions，并且可以计算设备屏幕的高度和宽度。通过计算高度和宽度，您可以根据需要相应地使用它们。