ResizeImage 自适应图片组件

根据图片原始宽高自动等比例缩放展示

安装

npm install @qnpm/q-resize-image --save --registry=http://npmrepo.corp.qunar.com

使用说明

import React from 'react';
import ResizeImage from '@qnpm/q-resize-image';

<ResizeImage
    style={{ width: 300 }}
    uri={'https://s.qunarzz.com/flight_search_rn/img/subscribed.png'}
/>

属性说明

属性名 类型 默认值 是否必须 说明
scale number 1 false 如果使用倍图，可传倍数，用于计算原始尺寸
style StyleProp - false 自定义样式，只传width或height，会自动按图片原始比例计算宽高
uri string - true 图片链接
RadioBox
Review