將圖像設置爲相對於屏幕尺寸的大小？

Question

我對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}}/> 

它給了我一個錯誤，指出「這」是一個保留字。

Answer 1

我修好了。我想我犯了一個愚蠢的錯誤。我刪除了括號，它的工作。

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