計算兩個操作系統 [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 導入尺寸，您可以計算設備屏幕的高度和寬度。 通過計算高度和寬度，您可以根據需要相應地使用它們。