React Native新架构中ViewPropTypes替代方案及路径问题咨询

ViewPropTypes的替代方案 #

在React Native（包括新架构）中，ViewPropTypes已被弃用，正确的做法是直接从react-native包中导入ViewProps类型。你需要修改导入语句：

原错误导入：

import type {ViewProps} from 'ViewPropTypes';

修改为：

import type {ViewProps} from 'react-native';

修改后的完整代码示例：

import type {ViewProps} from 'react-native';
import type {HostComponent} from 'react-native';
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';

export interface NativeProps extends ViewProps {
  text?: string;
}

export default codegenNativeComponent<NativeProps>(
  'RTNCenteredText') as HostComponent<NativeProps>;

文件位置的影响 #

文件存放在指南指定目录之外，不会直接导致当前的模块找不到错误——这个错误的根源是导入路径错误，和文件所在目录无关。

不过如果你的自定义组件文件放在项目的非默认类型扫描目录中，需要确保tsconfig.json的include配置包含该目录，避免后续出现类型解析异常，但这和当前的ViewPropTypes找不到问题无关。

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