React 18升级后react-native-scrollable-tab-view的ViewPropTypes弃用解决方案咨询

以下是几个无需降级React的解决方案：

1. 使用社区维护的适配版本 #

很多旧RN库的社区fork版本已经修复了ViewPropTypes弃用问题，你可以查找react-native-scrollable-tab-view的替代npm包或者GitHub分支，选择已经适配React 18的版本安装使用。

2. 用patch-package手动修补依赖包 #

这是针对未更新依赖的常用解决方案：

• 先安装patch-package工具：

  npm install patch-package --save-dev
  

• 找到node_modules/react-native-scrollable-tab-view中所有使用ViewPropTypes的文件，将导入语句从

  import { ViewPropTypes } from 'react-native';
  

  修改为

  import { ViewPropTypes } from 'deprecated-react-native-prop-types';
  

  （需要先安装这个兼容包：npm install deprecated-react-native-prop-types --save）
• 运行命令生成补丁：

  npx patch-package react-native-scrollable-tab-view
  

• 在package.json的scripts中添加"postinstall": "patch-package"，确保每次安装依赖后自动应用补丁。

3. 添加全局ViewPropTypes兼容polyfill #

如果不想修改依赖包，可以在项目入口文件（如index.js）添加全局兼容代码：

• 先安装依赖：

  npm install deprecated-react-native-prop-types --save
  

• 在入口文件顶部加入：

  import { ViewPropTypes } from 'deprecated-react-native-prop-types';
  import * as ReactNative from 'react-native';
  
  // 为RN全局补上已弃用的ViewPropTypes，兼容旧库
  if (!ReactNative.ViewPropTypes) {
    ReactNative.ViewPropTypes = ViewPropTypes;
  }
  

这个方法能快速解决大部分旧库的ViewPropTypes弃用问题，但要注意后续库版本更新可能带来的冲突。

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