resizeMode
属性在React Native的Image
组件中用于控制图片在不同尺寸下如何缩放和填充。它有以下几种可选值:
-
contain
:图片在保持宽高比的情况下,缩放至宽度或高度完全适应容器的尺寸。如果图片的宽高比与容器不匹配,图片的另一边将会有空白区域。 -
cover
:图片同样保持宽高比,但缩放至完全覆盖容器的尺寸。这意味着图片的某些部分可能不会显示在容器内,以确保图片完全覆盖容器。 -
stretch
:图片将被拉伸或压缩以完全填充容器的大小,可能会导致图片失真。 -
center
:图片不进行缩放,直接放置在容器内。如果图片大小大于容器,将裁剪显示;如果图片大小小于容器,图片将保持原大小,容器的未被覆盖区域将显示背景色。 -
repeat
:图片将重复显示,直到完全填充容器。在宽度和高度上,图片都会重复,可能会导致图片的重复部分重叠。 -
repeat-min
:图片在容器的较小尺寸方向上重复,直到完全填充;在另一方向上,图片将被裁剪或保持原大小。 -
repeat-max
:图片在容器的较大尺寸方向上重复,直到完全填充;在另一方向上,图片将被裁剪或保持原大小。