El uso del componente <Image /> nativo de reacción con una fuente de tipo uri y blurRadius={8} oculta intermitentemente todo el componente. Idealmente, la imagen se cargaría con un efecto de desenfoque cada vez. No hay indicios de un error de carga de los accesorios onLoad, onError, onLoadEnd o onLoadStart, pero el problema parece ocurrir menos en las compilaciones de lanzamiento en el simulador de iOS. Esto hace que parezca un problema del empaquetador de metro, o posiblemente un problema de renderizado en el que el componente no puede renderizar la imagen si la fuente uri se carga lentamente mientras se usa un blurRadius.

En su lugar, probé un componente <ImageBackground /> , diferentes opciones de 'caché' en el objeto de origen y memorización, pero noté los mismos resultados. No veo otras preguntas sobre esto en StackOverflow o el repositorio de github nativo de reacción.

Aquí está el componente relevante que estoy representando dentro de una FlatList que existe en una base de código bastante grande:

 <Image accessibilityIgnoresInvertColors blurRadius={8} source={{ uri: imageUrl }} style={{ aspectRatio: 15 / 8, position: 'absolute', width: '100%', zIndex: 0 }} resizeMode="cover" />