在iOS中使用反应原生设置半透明状态栏

Question

我正在尝试NOT在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;