咨询React Native中Alert.alert仅支持iOS/Android、Web端无响应的原因

核心架构逻辑 #

React Native 采用JS层逻辑统一 + 多端原生桥接实现的跨平台架构，所有从react-native包导入的API，都依赖对应平台的原生模块实现才能生效，而非内置全平台通用的JS逻辑。

Alert.alert() 各端实现差异 #

• iOS / Android 端：
  原生仓库为这两个端编写了对应的原生模块：
  • iOS 对接UIKit框架的UIAlertController
  • Android 对接系统原生AlertDialog
    JS层调用Alert.alert()时，参数会通过原生桥接层传递给对应原生模块，直接触发系统弹窗，因此功能正常。
• Web 端：
  react-native-web 适配层并未为Alert.alert()实现对应的桥接逻辑，调用后无原生模块响应，因此不会触发任何弹窗。
  设计原因很简单：Web 本身已经内置了全局window.alert()弹窗，适配层团队没有做重复封装的必要。

你当前代码的细节问题 #

你贴出的代码中，实际调用的是全局alert()，而非导入的RN Alert组件：

// 实际运行的是浏览器/系统全局alert，不是RN的Alert.alert
onPress={() => alert('Hello, Nice To Meet You  :)')}

这也是你混淆两者表现的核心原因——你测试的原生alert本身就是三端通用的API，和RN的Alert组件无关。

常见疑问澄清 #

• 不存在用法错误：Alert.alert()的语法本身符合RN规范，只是Web端无对应实现。
• Web端不是只能用原生alert()：如果需要三端交互统一，可自行封装平台判断逻辑，或使用支持Web端的第三方RN弹窗组件。

内容的提问来源于stack exchange，提问作者Thepurplelounge.com