React Native Samsung One UI 3.0 Dimensions屏幕宽度未返回正确值

Question

我用的是react native 0.63.4，我用的是< code >

我使用Dimensions.get（“screen”）。width以使元素具有响应性。由于某些原因，屏幕宽度的值不正确，但较大。因此屏幕上的每个元素都会变大。

预期行为：预期图像
问题：问题图像

我已经用许多设备进行了测试。我只在银河S20超级版和S10精简版上看到这个问题。安装Android 11 后出现问题

代码：

const {height: screen_height, width: screen_width} = Dimensions.get('screen');

<View style={{ flex: 1,justifyContent:"center",alignItems:"center" }}>
  <Text style={{fontSize:screen_width/15}}>text</Text>
</View>;

什么原因可能导致问题？

更新：仅当设备的屏幕分辨率设置为 3200x1440 时，才会出现问题。该应用程序在较低分辨率下按预期工作。

Answer 1

我认为您的文本组件与实际视口重叠。你能添加呈现实际（文本）内容的代码吗？

如果它导致了这个问题，那么您可以尝试用flexWrap:'wrap'style属性包装它。

Answer 2

尝试Dimensions.get（“window”）。height和Dimensions.get（“window”）。width可以解决您的问题。

Answer 3

替换此代码:

const {height: screen_height, width: screen_width} = Dimensions.get('screen');

有了这个：

let scale = Dimensions.get('screen').scale / Dimensions.get('window').scale;
const screen_height =  Dimensions.get('window').height * scale;
const screen_width =  Dimensions.get('window').width * scale;