React Native: Come mantenere il testo multi-linea visibile sopra la tastiera

Question

Ho un TextInput con multiline impostato su true. faccio scorrere l'ingresso sul fuoco con:

scrollResponder.scrollResponderScrollNativeHandleToKeyboard(
    React.findNodeHandle(this.refs.myInput), 
    0, 
    true 
); 

Tuttavia quando il TextInput multilinea espande il testo sarà nascosto sotto la tastiera. Voglio solo scorrere verso il basso quando il cursore/il testo corrente non è visibile. Quindi non posso semplicemente eseguire il codice qui sopra sul cambio di testo in quanto potrebbe scorrere la vista anche se il cursore corrente/testo corrente è visibile (come la modifica sulla prima riga).

C'è un modo per ottenere il cursore/la posizione del testo corrente sullo schermo? O c'è un altro modo per fare ciò che sto cercando?

Attualmente:

quello che sto cercando di realizzare:

Answer 1

è possibile utilizzare il metodo di onLayout, fornito dalla View (che si estende testo). Restituisce le dimensioni della vista, che è possibile utilizzare per ricalcolare la posizione di scorrimento della propria scrollview.

Answer 2

Ho trovato questo componente ... ma non funziona per me (ottengo errori su "importazione"). Suppongo che alla fine verranno riparati.

https://github.com/VansonLeung/react-native-keyboard-aware-view

Answer 3

Il modo migliore per farlo sembra essere con la libreria reagire-native-tastiera-aware-scroll-view e utilizzare il metodo _scrollToInput e segui ciò che dicono i documenti.

L'unica cosa che ho dovuto cambiare è stato quello di chiamare "this.scroll.props.scrollToFocusedInput (reactNode)" invece di "this.scroll.scrollToFocusedInput (reactNode)" nella documentazione!