react-native - NativeBase + 指数 header

Question

我正在将 NativeBase 与指数一起使用。标题位于手机的状态栏下方。您可以在 NativeBase 中看到这一点指数发布的演示。



有没有人解决这个问题？

Answer 1

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

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

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

        }
})

其中容器是应用程序中的主要容器。

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