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>

具有默认StyleSheet React Native的动态inilne样式

2 个答案: