React Native TextInput - Scroll to left when value is updated

user_2980492 0
Viewed 404

I have a single line TextInput that can be updated via other parts of the UI.

My issue is that sometimes, the text can be long. And in this case, when I update the value, the TextInput scrolls all the way to the end of its content. I need the TextInput to stay pegged to the left when it is updated.

Is there any way for me to do this?

Expo SDK 37, React Native 0.61, React 16.9

react-native-textinput react-native
1 Answers

If I understand right, you want to move the "visible text" to the beginning of the TextInput, but only when you set value via props (I assume that, while typing, users will be able to see last portion of the string).

If this is your issue, I managed to fix it sometimes ago with the following code (this.input is the ref to your TextInput)

 if (this.input) {
   this.input.setNativeProps({
     selection: {
       start: 0,
       end: 0
     }
   });
 }

Let me know if this works for you :)

user_72419690
Related