图片自动缩放

在 React Native 中，图片的自动缩放可以通过 Image 组件的 resizeMode 属性来实现。该属性有以下几个值可选：

- cover：等比例缩放图片，使图片的宽度和高度都不大于容器的宽度和高度，图片可能超出容器的范围。
- contain：等比例缩放图片，使图片的宽度或高度不大于容器的宽度或高度，图片始终被完整地包含在容器内，可能留有空白区域。
- stretch：拉伸图片以适应容器的宽度和高度，可能导致图片变形。
- repeat：平铺图片以填充容器的宽度和高度，可能导致图片重复出现。

例如，如果想要让图片等比例缩放并完整地包含在容器内，可以这样设置 resizeMode 属性：

<Image source={require('./images/logo.png')} resizeMode="contain" />

如果想要让图片填充整个容器并拉伸以适应容器的宽度和高度，可以这样设置 resizeMode 属性：

<Image source={require('./images/logo.png')} resizeMode="stretch" />

根据实际需求选择不同的 resizeMode 值即可实现图片的自动缩放。