TextInput focus lost after the very first animation

[TexxUkr]

I use "animatable" to shake the TextInput. TextInput has autoFocus=true. The problem is - when animation is done then TextInput focus is lost and keyboard disappears. This happens only for the very first time of animation call. If after the first animation call I return the focus by tapping TextInput and call animation again the focus stays on TextInput and keyboard stays on the screen. I tried to bind autoFocus with some internal state but did not help. Looks like after the first animation autoFocus value for TextInput element is totally ignored even if change it. I there any way to keep focus on the TextInput after the animation call?

react-native: 0.56.0 react-native-animatable: 1.3.0 android

... <View> <Animatable.View ref={this.handleViewRef} useNativeDriver={Platform.OS === 'android'}> <TextInput autoFocus={true} value="SOME TEXT INPUT WITH AUTOFOCUS"/> </Animatable.View> </View> <TouchableOpacity onPress={this.animate}> <Text> Shake It! </Text> </TouchableOpacity> ...

Thanks

[rodrigofeijao]

Have you managed to find a solution for this?

[TexxUkr]

I managed it in the way of returning focus to the text input after the shake I did this.textInput.blur(); setTimeout(() => this.textInput.focus(), 50); so keyboard disappears and appears again on focus here this.textInput is the result of TextInput ref

hope this could help

[minhdat97]

I have the same problem, does anyone have a solution?

[FadiAboMsalam]

same problem here any solution ?