当图像具有调整大小模式“包含”时,似乎对齐/对齐中心的实际图像,但是图像内容在flex开始时对齐/对齐.
<Image resizeMode="contain" ...> <Text>Title</Text> </Image>
有了以下,我看到图像上方出现文字.
有没有办法将包含的图像垂直对齐到顶部？
我可以使用以下代码来模拟CSS backgroundPosition：
原文链接：https://www.f2er.com/react/301177.html<View style={{ overflow: 'hidden' }}>
<Image src={{ uri: imageURI }} style={{ height: /*adjust_as_needed*/,resizeMode: 'cover' }} />
</View>
由于溢出：“隐藏”在查看图像的高度可以调整,而不会看到图像的额外的高度.您将需要用户“覆盖”而不是“包含”为调整大小模式,否则,如果您将图像的高度设置得太大,您将最终会出现一个不像View容器那样宽的中心图像.
在下面的顶部示例中,图像高度(蓝色虚线)大于底部示例,因此图像的中心线在视图中较低.通过在第二示例中减小图像的高度(蓝色虚线),图像的中心线在视图中向上移动.
希望这是有道理的,我希望它适用于你的用例;它是为我的：D
