样式表验证的道具类型是什么

Question

我在为我们的反应原生项目写组件

我从道具类型中得到这个错误

“警告：失败的道具类型：提供给图像采集器的编号类型的无效道具容器样式，应为对象。”

简化示例：

常见样式。js

    export const defaultStyle = StyleSheet.create({
      container: {
        color: 'red',
        borderWidth: 2
      }
    });

图像选择器。js

    ImagePicker.propTypes = {
      containerStyle: PropTypes.shape(),
    };

应用程序。js

    <ImagePicker containerStyle={styles.defaultStyle} />

传递样式表变量的PropType是什么？

非常感谢。




Answer 1

类型编号似乎是有效的，因为实际样式保存在聚合样式对象中。仅传递查找ID

请参见此处的样式表文档

正确的proptype应该是

    ImagePicker.propTypes = {
      containerStyle: PropTypes.number,
    };

Answer 2

import { ViewPropTypes } from 'react-native';
ImagePicker.propTypes = {
  containerStyle: ViewPropTypes.style,
};

ref： facebook/react-本地 /Libraries/Components/View/ViewPropTypes.js