使用状态栏显示反应本机模态

Question

我使用react-native 0.48.4并使用react-native-phone-input输入电话号码。我发现该模块已使用Modal。当Modal显示时，StatusBar被隐藏，我尝试设置StatusBar.setHidden(false);，StatusBar仍然隐藏。如何在调用StatusBar时显示Modal。

<Modal
  animationType={'slide'}
  transparent
  visible={this.state.modalVisible}
  onRequestClose={() => {console.log("Country picker has been closed.")}}
>

</Modal>

Answer 1

我个人正在使用react社区提供的react-native modal存储库来实现我的模态。

它处理许多默认行为并提供了很多功能，完全可以破解。

使用此lib时，为了解决您的问题，这将很简单：

<Modal style={style.modal}>
  <View style={{ flex: 1 }}>
    <Text>Hello!</Text>
  </View>
</Modal>

我个人应用这种造型

modal: {
 backgroundColor: 'white',
 marginHorizontal: 0,
 marginBottom: 0,
 borderBottomLeftRadius: 0,
 borderBottomRightRadius: 0,
 borderTopLeftRadius: 10,
 borderTopRightRadius: 10,
 overflow: 'hidden',
}

有类似的东西：

我希望这个答案会对你有所帮助。如果您需要更多详细信息，请随时提出更多问题。