RN Image

作者: 安卓小白之小楼又东风 | 来源:发表于2018-07-22 16:46 被阅读14次

    Image注意事项:

    1.显示图片时要指定长宽,如果不指定就默认为0,就不能显示出图片。

    2.图片请求的两种方式:URI、require

    require:加载本地图片,语法格式为:(一定要以 ./ 开头)

    <image source={require('图片所在目录')}/>

    URL:语法格式为:

    <Image source={{uri:'网络地址或项目图片地址'}}/>,一定要确认图片是否存在,加载本地文件必须写全其地址。

    resizeMode

    cover模式只求在显示比例不失真的情况下填充整个显示区域。可以对图片进行放大或者缩小,超出显示区域的部分不显示, 也就是说,图片可能部分会显示不了。

    contain模式是要求显示整张图片, 可以对它进行等比缩小, 图片会显示完整,可能会露出Image控件的底色。 如果图片宽高都小于控件宽高,则不会对图片进行放大。

    stretch模式不考虑保持图片原来的宽,高比.填充整个Image定义的显示区域,这种模式显示的图片可能会畸形和失真。

    center模式, 9月11号的0.33版本才支持,contain模式基础上支持等比放大。

    图片中显示其它组件:需要用ImageBackground属性,否则会报错。

    相关文章

      网友评论

          本文标题:RN Image

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