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

Question

我试图在iOS上使用React-Native没有半透明（默认）状态栏，但似乎此选项仅适用于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;