¿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

  • ES6 en JavaScriptCore y React Native
  • No se puede encontrar el paquete reactivo-nativo en bibliotecas externas
  • React Native Android - No se pudo encontrar ni cargar la clase principal org.gradle.wrapper.GradleWrapperMain
  • Reaccionar nativo + Actividad de Android OnPause / onResume
  • Exponer fragmento en React Native Android ViewManager
  • La aplicación React Native no se iniciará cuando se use applicationIdSuffix
  • Cómo corregir los errores de Gradle Sync al configurar el nuevo React-Native Project para Android e iOS
  • Activo HTML externo no incluido en React Nativo en la compilación de producción para su uso por Webview
  • ¿Cómo puedo mostrar el mapa de ruta de CurrentLocation a algún destino (algunos dirección) Ubicación
  • ReactNative - Cómo obtener la instancia de actividad a partir de la versión 0.29
  • Ionic2 + Angular2 o Reactivo-nativo?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.