Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


¿Cómo tener un gradiente transparente sobre una imagen en React iOS nativo?

He estado tratando con un rectángulo de gradiente sobre una imagen que tiene un lado negro y transparente, he estado buscando un objeto degradado en reaccionar nativo y no lo encontré, pero hay un módulo reaccionar-nativo que hace esto , Pero el problema es que funciona en android la transparencia, pero en iOS, no funciona, muestra blanco en lugar del lado transparente

Gradiente transparente

Y que estaba buscando acerca de una solución nativa de iOS, lo hice pero es un poco complejo, y no puedo implementar en reaccionar nativo este el fragmento

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 

Este es mi código nativo

  <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> 

No sé cómo pasar LinearGradient a Image como una máscara

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.