将图像设置为相对于屏幕尺寸的大小?

时间:2017-06-03 23:54:08

标签: javascript reactjs react-native

我对React-Native和Javascript很新,并且一直在努力学习。我正在尝试将图像的宽度设置为屏幕大小除以10.我设置了一个构造函数和一个屏幕宽度和高度的状态,但我无法使用状态来设置图像的宽度或高度。

constructor(props) {
     super(props);
     const { width, height } = Dimensions.get("window")
     this.state = {
       width,
       height
     }
}

如果我这样做......

<Image source={require('./my-icon.png')} style={{width: {this.state.width}, height: 40}}/>

它给我一个错误,说“这个”是一个保留字。

1 个答案:

答案 0 :(得分:1)

我修好了。我想我犯了一个愚蠢的错误。我删除了括号,它有效。

<Image source={require('./my-icon.png')} style={{width: this.state.width/10, height: 40}}/>