Can height auto-size from artboard (responsive text) without hardcoding?
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react-native, typescript
Direzione di ricerca
Start with the rive-react-native view's Fit.Layout path and the artboard bounds/data-binding behavior described here; check whether React Native can receive intrinsic size updates. Done means establishing whether explicit height is required and documenting a supported runtime pattern for text-driven height changes.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
Goal:
In an Expo React Native app using rive-react-native, I want the animation to fill the available width and have its height determined by the Rive artboard’s responsive layout. The artboard grows based on a bound text value (via data binding).
####Problem:
With fit={Fit.Layout}, if I don’t set an explicit height on the Rive view/container, nothing renders. Adding a fixed height works, but I need the height to adapt to the artboard’s content (which changes with text).
Questions:
-
Does rive-react-native provide an intrinsic size (e.g., artboard bounds) that RN can use so height can be measured automatically?
-
With Fit.Layout, is an explicit height always required in RN? If yes, what’s the recommended pattern to derive height from the artboard at runtime (e.g., read bounds on load and set container height, compute aspectRatio, etc.)?
-
Any best practices for dynamic, text-driven Rive layouts on RN so the view height reflects artboard changes after data binding?
What I tried
style={{ width: '100%' }} alone → nothing renders. Adding a fixed height makes it render, but it defeats the goal of dynamic sizing from the artboard’s responsive layout.
- Lingua principale
- TypeScript
- Stelle
- 785
- Fork
- 81
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di rive-app/rive-react-native
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
rive-app/rive-react-native#433 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
rive-app/rive-react-native#431 · 2 commenti ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
rive-app/rive-react-native#448 · 2 commenti · 1 reazione ·
-
[Android] Rive events dispatched off the UI thread can deadlock with Reanimated under Fabric (ANR)Forse già presa @Togetic l’ha presa 40 giorni fa. Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 68/100
rive-app/rive-react-native#444 ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 45/100
rive-app/rive-react-native#441 ·
Tutte le issue di rive-app/rive-react-native
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
Agenta-AI/agenta#7542 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
code quality security
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 90/100
-
feat(icons): add [solidping]Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 82/100
homarr-labs/dashboard-icons#2939 ·
I maintainer di solito rispondono entro 1 giorno