反应原生导航v2的顶部栏填充

Question

我正在使用react-native-navigation v2，这就是我的应用程序在半透明状态栏中的样子。在RNN v1中，有一个API允许向顶栏添加自定义填充 - navBarTopPadding，但我无法找到RNN v2的类似API。

有没有一种简单的方法来解决这个问题？

是否有计划将此API添加到第二个版本？

Answer 1

如果你想拥有半透明，你可以使用StatusBar，这是一个React Native组件，在你的情况下你可以像这样使用它。

<StatusBar barStyle="light-content" backgroundColor="transparent" translucent={true}/>

如果不调整状态栏的填充，那就可以了。

或者你可以像这样调整填充：

render(){
    return (
        <View style={styles.statusBar}/>
        ...your code for the view
    )
}

statusBar: {
    height: (Platform.OS === 'ios') ? 20 : 0
    backgroundColor: "white",
}