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

Aperta
  • Qualcosa non va?
#663 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
18/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Attiva
Stack tecnologico
android, dart, flutter
Ambito
mobile

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
Dart
Stelle
1.5k
Fork
244
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di rive-app/rive-flutter

Tutte le issue di rive-app/rive-flutter

Issue simili

Altre issue su Dart

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.