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

我一直在处理与图像有一个黑色和一个透明的两侧渐变矩形,我一直在寻找一个梯度对象的反应原生,我没有find,但有一个反应原生模块,这样做,但问题是,它在Android的透明度工作,但在iOS中,它不工作,它显示白色的地方透明的一面

透明渐变

和我正在寻找一个本地的iOS解决scheme,我做了,但有点复杂,我不能实施反应本机这个片段

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

Solutions Collecting From Web of "如何在React Native iOS中的图像上使用透明渐变?"