React Native - 垂直对齐图像，调整大小模式“包含”

当图像具有“包含”调整大小模式时，它似乎在中心对齐/对齐实际图像，但图像内容在 Flex 启动时对齐/对齐。

<Image resizeMode="contain" ...>
<Text>Title</Text>
</Image>

通过以下内容，我看到文本出现在图像上方。

有什么方法可以将包含的图像垂直对齐到顶部吗？

我能够使用以下代码模拟 CSS backgroundPosition：

<View style={{ overflow: 'hidden' }}>
  <Image src={{ uri: imageURI }} style={{ height: /*adjust_as_needed*/, resizeMode: 'cover' }} />
</View>

因为溢出：“隐藏”在视图上可以调整图像的高度，而不会看到图像的额外高度。对于调整大小模式，您还需要使用“覆盖”而不是“包含”，否则如果将图像的高度设置得太大，您最终会得到一个居中的图像，其宽度不如视图容器。

在下面的顶部示例中，图像高度（蓝色虚线）大于底部示例，因此图像的中心线在视图中位置较低。通过减小第二个示例中图像的高度（蓝色虚线），图像的中心线在视图中向上移动。