StyleSheet验证的道具类型是什么

时间:2018-03-25 02:59:57

标签: react-native react-proptypes

我正在编写反应原生项目的组件

我从prop-types

中得到此错误

“警告:道具类型失败:提供给containerStyle的{​​{1}}类型的道具number无效,预期为ImagePicker。”

简化示例:

共styles.js

object

图像picker.js

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

app.js

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

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

谢谢

2 个答案:

答案 0 :(得分:2)

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

参考:facebook/react-native /Libraries/Components/View/ViewPropTypes.js

答案 1 :(得分:0)

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

请参阅StyleSheet documentation here

正确的PropTypes应为

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