nuke-biz-picture v2.3.12

Biz Picture

Complex image component fork from rax-picture & add i18n config.

Install

$ npm install nuke-biz-picture --save

Import

import Picture from 'nuke-biz-picture';

Props

resizeMode value：

• cover: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).
• contain: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).
• stretch: Scale width and height independently, This may change the aspect ratio of the src.

(must set style.width && style.height)

Example

import {createElement, Component, render} from 'rax';
import ScrollView from 'nuke-scroll-view';
import Picture from 'nuke-biz-picture';

class Demo extends Component {
  render() {
    return <ScrollView ref='scroll'>
       <Picture
         src='//gw.alicdn.com/tfscom/tuitui/TB2jLF1lXXXXXc7XXXXXXXXXXXX_!!0-dgshop.jpg'
         style={{
           width: 375,
           height: 252
         }}
         lazyload={true}
         resizeMode="cover"
       />
    </ScrollView>;
  }
}
render(<Demo />);