NativeBase + 指数标头

问题描述

我将 NativeBase 与指数一起使用.标题位于手机的状态栏下方.您可以在 Exponent 发布的

有没有人解决这个问题?

解决方案

由于此问题仅在 Android 中出现，因此推荐的解决方法是专门使用 Platform 来定位 Android:>

import {Platform, StatusBar} from 'react-native'const 样式 = StyleSheet.create({容器: {弹性:1，...平台.选择({安卓: {marginTop: StatusBar.currentHeight}})}})

容器是应用中的主容器.

//其余代码在这里</查看>

I'm using NativeBase with Exponent. The Header goes beneath the phone's StatusBar. You can see this in the NativeBase demo that Exponent released.

Does anyone have a fix for this?

解决方案

Since this issue only comes up in Android, the recommended way to fix this would be to target Android specifically using Platform :

import {Platform, StatusBar} from 'react-native'

const styles = StyleSheet.create({
    container: {
            flex: 1,
            ...Platform.select({
                android: {
                    marginTop: StatusBar.currentHeight
                }
            })

        }
})

Where container is the main container in the app.

<View style={styles.container}>
 // rest of the code here
</View>

这篇关于NativeBase + 指数标头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！