当启用全屏手势功能并且设备有一个 Notch 时，在 React Native 中获取设备屏幕高度

Question

我需要获取启用全屏手势[=28 的设备的真实屏幕高度 =] 特征和 有一个缺口 .

问题是用户可以修改这两个设备功能，我的意思是enabling/disabling全屏手势和启用刘海隐藏。

我尝试使用 React Native 的 "Dimensions" class 的功能，但没有结果。

如何检测当前设备是否启用了这些功能以正确适配屏幕高度？

Answer 1

玩了一下RN里的CSS，发现在使用Flex模型的时候，有些属性可能会比较棘手

在我的例子中，真正的问题是将视图扩展到设备高度，无论设备是否有凹槽或启用手势模式。

如果我们将 flex: 1 设置为视图的每个层级，从根父视图到所需视图，那么该视图将 表现为完整height/width.

示例：

<View style={{flex: 1}}">
    <View style={{flex: 1}}">
        <View style={{flex: 1}}">
            This view will expand to full height and width
        </View>
    </View>
</View>

当启用全屏手势功能并且设备有一个 Notch 时，在 React Native 中获取设备屏幕高度

Get device screen height in React Native when Full Screen Gesture feature is enabled and the device have a Notch

android

fullscreen

android-fullscreen

react-native