staticgetSize(uri: string,success: (width: number,height: number) => void,failure: (error: any) => void)
在显示图片前获取图片的宽高(以像素为单位)。如果图片地址不正确或下载失败,此方法也会失败。
要获取图片的尺寸,首先需要加载或下载图片(同时会被缓存起来)。这意味着理论上你可以用这个方法来预加载图片,虽然此方法并没有针对这一用法进行优化,而且将来可能会换一些实现方案使得并不需要完整下载图片即可获取尺寸。所以更好的预加载方案是使用下面那个专门的预加载方法。
下面贴一下主要代码:
constructor(props) { super(props); // 初始状态 this.state = { width: defaultWidth,height: defaultHeight, }; }
componentDidMount() {
Image.getSize(this.props.image,(width,height) => {
height = screenWidth * height / width; //按照屏幕宽度进行等比缩放
this.setState({screenWidth,height});
});
}
render( return ( <Image style={[styles.imageStyle,{width: this.state.width,height: this.state.height}]} source={{uri: this.props.image}}/> ) )
