기본 스타일 시트가있는 동적 인 스타일 기본 기본 스타일

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>