React Native内置WebView已废弃 Expo CLI下替代方案是什么

React Native 0.61版本标记废弃的核心内置WebView组件，官方推荐的唯一替代方案是社区维护的独立包react-native-webview——这个包就是原来核心库中WebView组件拆分出来的，由React Native官方团队持续维护，Expo环境对其做了原生适配，不需要额外做复杂的原生配置。

具体接入步骤如下：

• 安装依赖：在Expo项目根目录执行Expo专属安装命令，会自动匹配和当前Expo SDK版本兼容的包版本，不需要手动执行原生link操作

  npx expo install react-native-webview
  

• 基础使用：和原内置WebView的API设计基本一致，迁移成本极低，基础用法示例：

  import { WebView } from 'react-native-webview';
  
  export default function DemoPage() {
    return (
      <WebView
        source={{ uri: 'https://your-target-address.com' }}
        style={{ flex: 1 }}
      />
    );
  }
  

• 迁移提示：
  • 旧项目迁移时，绝大多数原有props都能直接兼容，只需要把原来从react-native导入WebView的语句，替换成从react-native-webview导入即可
  • 不要使用无官方维护的第三方个人封装WebView包，避免出现兼容性、安全漏洞问题
  • 如果用到旧版内置WebView的极小众属性，可以对照新包的接口说明微调参数即可

内容的提问来源于stack exchange，提问作者satya o