ReactNative使图像随着背景淡入

Question

我正在尝试实现在背景图像上淡入背景色。基本上我在背景上有半屏图像，但底部边框有点锐利，我想使图像平滑过渡到背景。有什么建议？像这样： Image example

Answer 1

我找到了解决方案，我需要在图像的顶部从透明到底部的颜色放置线性渐变

  <Image
    style={styles.absolute}
    source={{ uri: drink.imageUrl }}
    blurRadius={20}
  />
  <LinearGradient
    colors={['transparent', 'rgba(255,255,255,1)']}
    style={styles.absolute}
  />