在iOS中使用react-native设置半透明statusBar

Question

我试图在带有React-Native的iOS上不具有半透明（默认）的StatusBar，但似乎此选项仅在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;