¿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

One Solution collect form web for “¿Cómo tener un gradiente transparente sobre una imagen en React iOS nativo?”

Simplemente establezca la opacity: 0.5 para styles.linearGradient

  • ¿Cómo acceder a `this` dentro de un renderRow de un ListView?
  • React Native Android: El método no reemplaza ni implementa un método desde un supertipo
  • ¿Cómo puedo "sacudir" un dispositivo Android dentro del emulador de Android para que aparezca el menú dev para depurar mi aplicación React Native
  • Exponer fragmento en React Native Android ViewManager
  • React-native Android Systrace HTML está en blanco en Ubuntu 14.04
  • React-Native: Module AppRegistry no es un módulo llamable registrado
  • ¿Cómo puedo implementar Pinning del certificado SSL mientras uso React Native
  • SoLoader $ WrongAbiError con React Native Android
  • Cambiar el nombre del paquete para Android en React Native
  • Reaccionar listview nativo no se desplaza
  • React Native ListView TextInput se bloquea desde la renderización de optimización de rendimiento
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.