Javascript 如何在React Native中使用从不同依赖项导入的两个不同模态？

我正在尝试在我的react原生应用程序中使用modal。我得到了两个不同的模态，都来自不同的依赖项。一个只适用于IOS和Android，另一个只适用于web。因此，我尝试在导入时重命名一个，并在显示模式之前检查平台。不幸的是，这不起作用。这是我试过的

import { Platform, Modal} from 'react-native';
import {Modal as WebModal} from 'modal-react-native-web';

<View>
   {Platform.OS === 'web' ?
      <WebModal
          animationType="slide"
          visible={this.state.addScheduleVisible}
          onRequestClose={() => this.toggleAddScheduleModal()}
      >
          <AddSCheduleModal closeModal={() => this.toggleAddScheduleModal()} />
      </WebModal>
     :
     <Modal
          animationType="slide"
          visible={this.state.addScheduleVisible}
          onRequestClose={() => this.toggleAddScheduleModal()}
      >
          <AddSCheduleModal closeModal={() => this.toggleAddScheduleModal()} />
      </Modal>
</View>

从'react native'导入{Platform，Modal}；
从'Modal react native web'导入{Modal as WebModal}；
{Platform.OS==='web'？
this.toggleAddScheduleModal（）}
>
this.toggleAddScheduleModal（）}/>
:
this.toggleAddScheduleModal（）}
>
this.toggleAddScheduleModal（）}/>

移动模式运行得很好，但当我运行它时，它只是在web上显示一个白色页面，没有任何错误消息。请问我该怎么做？

根据《世界上没有所谓的“网络”价值》这是其中之一

“ios”|“android”|“本机”|“默认”

所以你有两个选择

使用{Platform.OS=='default'？并将其用作web 或者以另一种方式{Platform.OS=='ios'| | Platform.OS===''android'呈现移动模式

---

您现在看到的白屏问题是因为所有3个场景都会打开移动模式，但我只是改变了导入模式的方式。将模式从“react native”重命名为“modal react native web”，并将“modal react native web”中的模式保留为defaultGreat，但希望他们尽快将web添加到列表中，以便轻松处理此类场景