如何在本机中垂直放置图像?

时间:2019-03-26 13:47:48

标签: reactjs image react-native

我正在尝试拍摄图像并将其放置在宽度和高度限制之内,并且图像的顶部应与图像可见部分的顶部对齐。

换句话说,图像不应裁剪为垂直居中,而应与顶部对齐。我似乎无法使其正常工作。

我现在在这里:

<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海报应与圆形视图的顶部对齐,而不是居中。有什么想法吗?

enter image description here

0 个答案:

没有答案