React Native: Jak zachować wielowierszowy textinput widoczny powyżej klawiatury

Question

Mam TextInput z multiline ustawiony na true. jestem przewijanie do wejścia na fokus z:

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

Jednak gdy multiline TextInput rozszerza tekst zostanie ukryty pod klawiaturą. Chcę przewinąć w dół, gdy kursor/bieżący tekst nie jest widoczny. Tak więc nie mogę po prostu uruchomić powyższego kodu podczas zmiany tekstu, ponieważ przewijał on widok, nawet jeśli obecny kursor/bieżący tekst jest widoczny (jak edycja w pierwszym wierszu).

Czy jest jakiś sposób, aby ustawić kursor/aktualną pozycję tekstu na ekranie? Czy istnieje inny sposób robienia tego, co próbuję?

Aktualnie

Co usiłuję osiągnąć:

Answer 1

Można użyć metody onLayout, dostarczanego przez widok, który rozciąga się (Tekst). Zwraca wymiary widoku, za pomocą którego można ponownie obliczyć pozycję przewijania.

Answer 2

Znalazłem ten składnik ... ale to nie działa dla mnie (dostaję błędy na "import"). Zakładam, że ostatecznie zostaną naprawione.

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

Answer 3

Najlepszym sposobem, aby to zrobić wydaje się być z biblioteką reagować-native Klawiatura-aware-scroll-view i stosujemy metodę _scrollToInput i obserwuj to co docs powiedzieć.

Jedyną rzeczą I musiał zmienić było nazwać "this.scroll.props.scrollToFocusedInput (reactNode)" zamiast "this.scroll.scrollToFocusedInput (reactNode)" w docs!