[Android] semi-transparent png textures are rendered black on first load

Abierto
  • ¿Algo no está bien?
#663 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
18/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Activo
Stack tecnológico
android, dart, flutter
Área
mobile

Línea de trabajo

The payload names no source file, test or entry point, so start by reproducing on an Android device: the first render of a Rive animation with semi-transparent PNG layers shows black, and a second open is correct. The reporter suspects the same cause as rive-nitro-react-native#409, so read that thread before searching the Android rendering path. Done means the first load renders the transparent layers correctly on Android, shown by a reproduction in the repo's example app.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

needs-repro
Submission checklist
  • I have confirmed the issue is present in the latest version of the rive Flutter package
  • I have searched the documentation and forums and could not find an answer
  • I have searched existing issues and this is not a duplicate
Description

When launching the app fresh, the first time a Rive animation loads in a page, it shows blacked out sections where its semi-transparent png layers should be. Closing and opening the same page again shows it correctly.
Reproduced pretty consistently in all compilation modes (debug, profile, release)
Seems to not occur on IOS.

I have a feeling this is related to this: https://github.com/rive-app/rive-nitro-react-native/issues/409

I am not currently authorized to upload screenshots, rive files or code because i am working on proprietary software.

Reproduction steps / code

No response

Upload your reproduction files / stack trace

No response

Source .riv / .rev file

No response

Screenshots / video

No response

Rive Flutter package version

0.14.11

Flutter version

Flutter 3.47.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision d3b14c8769 (6 weeks ago) • 2026-08-26 16:07:51 -0700
Engine • hash 1cf1c4773fb941c4c74a7f8bb144a8837596c0f4 (revision a804b26164) (1 months ago) • 2026-08-26 18:46:13.000Z
Tools • Dart 3.13.2 • DevTools 2.60.0

Device

A host of Samsung Android phones, including S25, A33, A57 etc

OS version

Android 16

Additional context

No response

Lenguaje dominante
Dart
Estrellas
1.5k
Forks
244
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de rive-app/rive-flutter

Todos los issues de rive-app/rive-flutter

Issues similares

Más issues de Dart

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.