react-native - react-native-navigation 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",
}