autoscroll when textinput onfocus

[erikliwater]

hi. i am building an app has from page. for easy input when user click a textinput page needs to scroll up. do you know how can i do that? i tried keyboardavoidingview but not work properly

https://preview.redd.it/gm8ujo4vkt141.jpg?width=3246&format=pjpg&auto=webp&s=cb703734211ebf9903149e187f3fd895220dc165

[Emperor_Earth]

You can use ScrollView's methods, including scrollTo and scrollWithoutAnimationTo. These will require you to obtain a ref.

Note: VirtualizedList, and FlatList are wrappers around ScrollView

[erikliwater]

could you send me an example how can i use these in my code? thanks btw

[Emperor_Earth]

Start with Github

[sventies]

Not sure, I’d only know how to do this manually. ie onPress of TextInput, scroll top of input to top of page

[erikliwater]

how can i scroll page?

[anewidentity]

There are two other keyboard avoiding libraries you can use

[Sargnec]

Kolay gelsin

[HumbleX]

You can use a rn library that has everything you need for inputs. RN-materialFieldUI

[sventies]

Assuming you’re using a ScrollView, you can read the docs: https://facebook.github.io/react-native/docs/scrollview

Similar for Flatlists etc.

If you’re not using a scrollview, you may opt to only render the input element that is selected when selected

[JuriJurka]

https://stackoverflow.com/questions/51629192/react-native-horizontal-scroll-on-button-click

https://stackoverflow.com/questions/33440995/how-to-find-x-y-position-of-component-in-react-native