react-native - 在 React Native 中将图像垂直锚定到其顶部

Question

我有一些代码可以将随机大小的图像扩展到容器的整个宽度+容器内的垂直中心。但我需要的是把它固定在顶部。

在 CSS 中我会使用背景位置，但在 React Native 中不支持。我觉得我已经尝试了 resizeMode、绝对定位等的所有组合 - 但仍然无法弄清楚。

<View style={{
  flex: 1,
  height: 120,
}}>
  <Image source={{uri: source}} style={{
    flex: 1,
    width: '100%',
    resizeMode: 'cover'
  }}>
  </Image>
</View>

Answer 1

似乎很疯狂，在 React Native 中仍然没有像在常规 css 中那样锚定图像的标准方法(至少如果有的话，我还没有找到它)。但是这个库对我有用:

react-native-scalable-image

希望能帮助到你!