デフォルトのスタイルシートを使用した動的インスタイルネイティブ

Question

静的なデフォルトのスタイルシートスタイルで動的なインラインスタイルを与える必要があります。どうすれば実現できますか

<View 
    style={[styles.card,{{width:width, height: height}}]}> 
      <View style={styles.card}> 
       <Text> 
        <Image 
        source={{uri: this.props.media.image_url}} 
        style={{width:width, height: this.props.media.height}}/> 
       </Text> 
      </View> 
</View> 

上記のコードは私にとっては機能しません。

Answer 1

いやです。

style={[styles.card,{{width:width, height: height}}]} 

：あなたはこの追加の波括弧で

変更し、それらを包ん

style={[styles.card,{width:width, height: height}]} 

あなたが実際に上記のあなたの答えに同じことを行っています。

Answer 2

最後に多く試した後、私はそれを解決することができます。 ここでは、適切にダイナミック（インラインスタイル）に合格していない、問題は順番ではありません、コード

<View 
    <View style={[{width:width, height: height},styles.card]}> 
     <View style={styles.card}> 
      <Text> 
       <Image 
       source={{uri: this.props.media.image_url}} 
       style={{width:width, height: this.props.media.height}}/> 
      </Text> 
     </View> 
    </View> 
</View>