如何在 React Native 的图像组件中添加褪色边框？

Question

如何淡化下图的边框或如何实现？任何帮助将不胜感激

Answer 1

您可以使用 React Native Linear Gradient 库来实现此目的。

API很简单，例如

<LinearGradient
  colors={['rgba(192,32,64,0.9)', 'transparent']}
  style={{position: 'absolute', left: 0, right: 0, bottom: 0, height: 200}}
  start={{x:0, y:1.0}}
  end={{x: 0, y: 0}}
/>

请参阅我的 Expo Snack 示例了解详情：https://snack.expo.io/@zvona/linear-gradient。

如何在 React Native 的图像组件中添加褪色边框？

How to add faded border in a Image component in React Native?

stylesheet

react-native