Flexbox布局，响应式图像

Question

如何“弯曲”我的图像，使它们调整为屏幕尺寸？使用iPad观看图像时，图像周围空间太大。我希望图像调整大小与屏幕尺寸成比例。

我尝试为每个图像添加一个'flex'值，但是它们不会调整大小。

我正在尝试使用“ flex”。如何将图像的大小调整为屏幕宽度的1/5？

<View
    style={{
        height: "30%",
        flexDirection: "row",
        backgroundColor: "red",
        justifyContent: "space-between"
    }}
    >
    <Image
        source={require("../img/RGUC_Connect_logo.png")}
        resizeMode="contain"
        style={{
            flex: 5,
            height: undefined,
            width: undefined
        }}
    />
    <Image
        source={require("../img/logo.png")}
        resizeMode="contain"
        style={{
            flex: 5,
            height: undefined,
            width: undefined,
        }}
    />
</View>