react / react/react-native

Text with a View child does not correctly re-render when its text child changes

Aperta
#31,341 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Component: Text Issue: Author Provided Repro
Lingua principale
C++
Stelle
127k
Fork
25.3k
Merge medio
1g 23h
PR unite (30g)
4

Descrizione

Description

Consider a Text element with the following children:

  1. 'some text'
  2. <View> // with certain dimensions
  3. 'some text'

When the first child changes content - triggering the render of Text component, the View is not repositioned accordingly.

React Native version:

0.64.0, 0.63.2
react version: 17.0.1

Steps To Reproduce

  1. Have a Text with the children as specified above
  2. Make the 1st element - text, change its content
  3. Observe the View did not get repositioned accordingly
  4. Repro on Android

Expected Results

The child Views get repositioned accordingly, if necessary, when the Text re-renders.

Screenshots

Initial render After the 1st child changes
image image

Snack

https://snack.expo.io/D-ZJ4cWeC

Guida per i contributori

Apri la guida per i contributori

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.

Direzione di ricerca

Inizia eseguendo lo Snack collegato su Android con un Text contenente due elementi figlio Text e un View con dimensioni definite, quindi modifica il primo elemento figlio Text. Traccia il comportamento di layout Android di Text/View responsabile del posizionamento e verifica che il View venga riposizionato dopo le modifiche al testo.

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

Valutazione

Stack tecnologico
android, react-native
Ambito
mobile
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.