使用 react-native 在 iOS 中设置半透明状态栏

Question

我试图在带有 React-Native 的 iOS 上没有半透明（默认）状态栏，但似乎这个选项只在 Android 上可用？

class THapp extends Component {
  render() {
    return (
      <View style={styles.container}>
        <StatusBar translucent={false} backgroundColor="rgba(0, 0, 0, 1)" barStyle="default"/>
        <Tabs></Tabs>
      </View>
    );
  }
}

Answer 1

您可能以其他方式解决了这个问题，但我也遇到了同样的问题。就处理这个问题而言，我正在实现与平台无关的 marginTop 或 paddingTop。

import {Platform} from 'react-native';
// Status bar height on iOS is 20 dpi
const marginTop = Platform.OS === 'ios' ? 20 : 0;