如何使用本机反应动态处理图像

Question

这是我的场景使用组件我正在显示 图片。

var ImageRender = React.createClass({
    render : function(){
       return (<View style={{marginLeft:15,marginRight:15}}>
                   <Image source={uri} style={{height:220}}/>
               </View>)
    }
});

如果我为图像指定宽度，那么我在 图像宽度不适合的另一种分辨率。如何 动态实现这个图像widt

Answer 1

首先获取设备尺寸...

var Dimensions = require('Dimensions');
var {
  width,
  height
} = Dimensions.get('window');

然后使用它们...

var ImageRender = React.createClass({ render : function(){ return (<View style={{marginLeft:15,marginRight:15}}> <Image source={uri} style={{height:220, width:width}}/> </View>) } });