React native 即使设置visible={false}时，React本机模态核心组件也始终可见并带有红色边框

我对React Native还不熟悉，我试图根据文档创建一个模式

我尝试在一个全新的项目上复制粘贴modal的函数/类组件示例。但我看到的只是一个带有红色边框的框，即使在我调整

visible={false}

时，它也会持续出现。但是，当我添加了

console.log（）

函数时，它的输出与预期一样。有人对此有意见吗？下面是它的外观： 此外，我还看到其他人在这篇文章中发布了一个解决方案：但这些解决方案都不起作用

代码与文档中的代码完全相同

import React，{Component}来自“React”；
进口{
警觉的，
情态动词
样式表，
文本，
触控高光，
看法
}从“反应本族语”；
类应用程序扩展组件{
状态={
modalVisible:false
};
setModalVisible=（可见）=>{
this.setState（{modalVisible:visible}）；
console.log（this.state.modalVisible）
}
render（）{
const{modalVisible}=this.state；
返回(
{
警报。警报（“模式已关闭”）；
}}
>
你好，世界！
{
this.setModalVisible（！modalVisible）；
}}
>
隐藏模态
{
此.setModalVisible（true）；
}}
>
显示模态
);
}
}
const styles=StyleSheet.create({
centeredView：{
弹性：1，
辩护内容：“中心”，
对齐项目：“中心”，
玛金托普：22
},
莫达尔维：{
差额：20，
背景颜色：“白色”，
边界半径：20，
填充：35，
对齐项目：“中心”，
阴影颜色：“000”，
阴影偏移：{
宽度：0，
身高：2
},
阴影不透明度：0.25，
阴影半径：3.84，
立面图：5
},
打开按钮：{
背景颜色：“F194FF”，
边界半径：20，
填充：10，
标高：2
},
文本样式：{
颜色：“白色”，
fontWeight：“粗体”，
textAlign：“居中”
},
modalText：{
marginBottom:15，
textAlign：“居中”
}
});
导出默认应用程序；

这很奇怪，因为我已经在文档中尝试了该代码，它工作正常（没有红框，我们可以显示/隐藏模式）。您使用的是哪个rn版本？请尝试在

centeredView

样式中设置

borderColor:transparent

。@mahdi我使用的是“版本”：“0.61.4”您使用的是web模拟器吗？@rajan

borderColor:“transparent”

不起作用。即使是这样，我的猜测是透明度只会删除红色边框，而不会隐藏/显示模式。这很奇怪，因为我已经在文档中尝试了代码，它工作正常（没有redbox，我们可以显示/隐藏模式）。您使用的是哪个rn版本？请尝试在

centeredView

样式中设置

borderColor:transparent

。@mahdi我使用的是“版本”：“0.61.4”您使用的是web模拟器吗？@rajan

borderColor:“transparent”

不起作用。即使是这样，我猜透明度只会删除红色边框，而不会隐藏/显示模式。