计算两个操作系统 [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 导入尺寸，您可以计算设备屏幕的高度和宽度。 通过计算高度和宽度，您可以根据需要相应地使用它们。