时间戳

首页 > 解决方案 > 如何在 reactXP 中将图像高度和宽度设置为 100%

reactxp - 如何在 reactXP 中将图像高度和宽度设置为 100%

问题描述

我有一个背景图像，我想将高度和宽度设置为 100%。在 ReactXP 中进行的最佳方式是什么。

标签： reactxp

解决方案

尝试这个

<View style={{ width: 200, height: 300, backgroundColor: "red" }}>
  <Image
    source="https://via.placeholder.com/150"
    style={{ width: "100%", height: "100%" }}
    resizeMode="cover"
  />
</View>

仅在 Web 上测试。如果它在 React Native 上不起作用，则必须测量包装 ViewonLayout以获取其宽度和高度。

推荐阅读