react-native - 在 React Native 中设置图像样式

Question

我的反应本机应用程序的一部分目前看起来像这样：

图表和图片彼此相邻的位置。我目前的代码是：

<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>

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

标签： react-native

Answer 1

您可以尝试将resizeMode组件上的道具设置为contain.

更多信息在这里：https ://reactnative.dev/docs/image#resizemode