美文网首页react-native
react-native Image resizeMode 属性

react-native Image resizeMode 属性

作者: m_麻 | 来源:发表于2019-01-15 12:49 被阅读0次
    图片代码

    1.cover:(默认)

    等比例填充image设定的宽高,图片可能会有裁剪:

    cover效果图

    2.stretch:

    非等比例填充image设定的宽高,图片不会被裁剪,但可能会变形、拉伸:

    stretch效果图

    3.contain:

    等比例填充image设定的宽高,图片不会被裁剪,控件区域可能会有留白:

    contain效果

    4.center:

    图片原大小居中:

    center效果

    5.repeat:

    图片原大小重复:

    repeat效果

    相关文章

      网友评论

        本文标题:react-native Image resizeMode 属性

        本文链接:https://www.haomeiwen.com/subject/ztzedqtx.html