在React Native中设置图像样式

Question

我的react原生应用程序的一部分目前看起来如下所示：

其中图形和图片是相邻的。我当前的代码是：

<View style={{flexDirection:"row", backgroundColor:'#FFFFFF', borderRadius:10}}>

        <View style={{flex:1, padding:10}}>
          <Card.Cover source={{uri: props.url}}/>
        </View>

        <View style={{flex:1, padding:10}}>
          <BarChartExample></BarChartExample>
        </View>
        
      </View>

我想知道是否有人可以帮助我修复我的代码中的错误，使我的图像看起来像示例图像。

Answer 1

您可以尝试将组件上的resizeMode属性设置为contain。

更多信息请点击此处：https://reactnative.dev/docs/image#resizemode