2016-05-01 16 views
10

Sto usando reagire nativo con un numero limitato di linee, che sono indicati come '...' utilizzandoReagire nativo stabilire quando il testo è tagliato

<Text numberOfLines={4}> {myText} </Text>

Ora il mio problema è, se il il testo è troncato Mi piacerebbe mostrargli qualche immagine speciale, per navigare verso una nuova vista. Mi chiedo se ci sia una proprietà che posso usare per testare se il testo viene interrotto?

risposta

1

Il componente Testo ha un evento onPress che può essere gestito per spostarsi su un'altra scena. Per abilitare la navigazione, il componente con il testo deve essere inserito nel componente NavigationIOS. Il componente di testo ha anche la proprietà ellipsizeMode che posiziona "..." alla coda.

3

Non c'è una proprietà per questo adesso (purtroppo).

C'è una richiesta di funzione qui: https://github.com/facebook/react-native/issues/2496 (anche alcuni suggerimenti su come si potrebbe farlo funzionare, ma i collegamenti di implementazione sono inattivo).

È possibile misurare lo spazio occupato da un determinato numero di linee, quindi gestirlo autonomamente? Ma non ideale.