【问题标题】:How to handle proptypes for image?如何处理图像的proptypes?
【发布时间】:2019-06-07 10:41:33
【问题描述】:
AlertMessage.defaultProps = {
  icon: Images.promptWarning
};

AlertMessage.propTypes = {
  icon: PropTypes.node
};
promptWarning: Platform.OS === 'android' ? { uri: 'asset:/some.png' } : require('../some.png'),

由于无法在Android的Release模式下捆绑资产,采用上述方法,使用{ uri: 'asset:/some.png' }而不是标准require('../some.png'),但现在由于propTypes期待PropTypes.node,它引发了另一个问题,什么我应该为上述情况使用的正确类型?

【问题讨论】:

  • 您可以为每个平台创建单独的组件。它将被分开编译:facebook.github.io/react-native/docs/…
  • @JoaozitoPolo:我不太明白你的意思,如果可能的话,你介意分享一下如何将其应用于component.propTypes 的示例吗?

标签: reactjs react-native react-proptypes


【解决方案1】:
AlertMessage.propTypes = {
  icon: Platform.OS === 'android' ? PropTypes.shape({
    uri: PropTypes.string
  }) : PropTypes.node
};

不确定这是否正确,但我会在 propTypes 中检查以决定要检查哪个 PropTypes。感谢@JoaozitoPolo 的想法

【讨论】:

    猜你喜欢
    • 2012-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-10
    • 2019-05-21
    • 2014-05-14
    • 1970-01-01
    相关资源
    最近更新 更多