react-native - react native 状态栏

Question

我正在尝试在我的 android 模拟器上设置 statusBar 的样式，它的颜色太深且太绿。如何设置高度？

 render() {
    const { navigationState, dispatch } = this.props;
    return (
      <View>
        <StatusBar translucent backgroundColor="#000" />
        <View style={styles.appBar} />
        <View style={styles.content} />

        <NavigationStack
          navigation={addNavigationHelpers({
            dispatch,
            state: navigationState,
            addListener
          })}
        />
      </View>
    );
  }
}


const STATUSBAR_HEIGHT = Platform.OS === "ios" ? 20 : StatusBar.currentHeight;
const APPBAR_HEIGHT = Platform.OS === "ios" ? 44 : 56;

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  statusBar: {
    height: STATUSBAR_HEIGHT
  },
  appBar: {
    backgroundColor: "#79B45D",
    height: APPBAR_HEIGHT
  },
  content: {
    flex: 1,
    backgroundColor: "#33373B"
  }
});

Answer 1

render() {
    const { navigationState, dispatch } = this.props;
    return (
      <View style={styles.container}>
        <StatusBar
     backgroundColor="blue"
     barStyle="light-content"
	/>

        <NavigationStack
          navigation={addNavigationHelpers({
            dispatch,
            state: navigationState,
            addListener
          })}
        />
      </View>
    );
  }
}