I have dynamically rendering views inside a ScrollView . Only some of them have TextInputs . So, I wrapped the ScrollView with KeyboardAvoidingView to make it responsive when a TextInput is selected. But now when it selected, the content inside ScrollView goes up (animation) correctly. But when the Keyboard is fully opened, the view scrolls back to the top, not focusing on the textInputs. How can I get this fixed ? Is there any other way ?
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'position' : 'height'} keyboardVerticalOffset={keyboardVerticalOffset} style={{ flexGrow: 1 }}><ScrollView scrollIndicatorInsets={{ right: 1 }} bounces={false} contentContainerStyle={{ flexGrow: 1 }}><CompiledView {...viewProps} /></ScrollView></KeyboardAvoidingView>
Any help would be greatly appreciated.Thanks in advance