如何在React Native iOS中的图像上使用透明渐变？

Question

我一直在处理具有黑色和透明边的Image上的渐变矩形,我一直在寻找一个反应原生的渐变对象而我没有找到,但是有一个反应原生模块执行此操作,但问题是它确实在android中工作的透明度,但在iOS中,它不起作用,它显示白色代替透明的一面

而且我正在寻找一个原生的iOS解决方案,我做了,但它有点复杂,我无法实现反应原生这个片段

CAGradientLayer *gradientMask = [CAGradientLayer layer];
gradientMask.frame = self.imageView.bounds;
gradientMask.colors = @[(id)[UIColor whiteColor].CGColor,
                    (id)[UIColor clearColor].CGColor];
self.imageView.layer.mask = gradientMask; <-- // looking for a way to achieve this in react native 

这是我的反应原生代码

    <Image ref={r => this.image = r}  style={styles.container} source={require('../assets/default_profile_picture.jpg')}>
      <LinearGradient ref={r => this.gradiant = r} locations={[0, 1.0]}  colors={['rgba(0,0,0,0.00)', 'rgba(0,0,0,0.80)']} style={styles.linearGradient}>
      </LinearGradient>
    </Image>

我不知道如何传递LinearGradient给Image面具

Answer 1

刚刚设置opacity: 0.5为styles.linearGradient