Question

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

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

如果我指定图像的宽度，那么我打开了这个组件另一种分辨率，图像宽度不适合。如何动态地实现这个形象

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>) } });

如何使用react native

1 个答案: