我正在尝试拍摄图像并将其放置在宽度和高度限制之内,并且图像的顶部应与图像可见部分的顶部对齐。
换句话说,图像不应裁剪为垂直居中,而应与顶部对齐。我似乎无法使其正常工作。
我现在在这里:
<Image
source={{ uri: specificEvent.photo }}
style={[
{
flex: 1,
top: 0,
width: 0.85 * width,
height: 0.85 * width,
borderRadius: 25,
transform: [{ translateY: imageHeight }]
}
]}
/>
translateY将整个图像向下移动,而不是将可见视图中的图像向下移动。
例如,如果您附带这张照片,则Shazam海报应与圆形视图的顶部对齐,而不是居中。有什么想法吗?