Best Order For KeyboardAvoidingView, SafeAreaView And ScrollView


Answer :

SafeAreaView only works with iOS. Therefore, it is assumed that you use the iOS. If your project is iOS, you can use KeyboardAwareScrollView.

SafeAreaView should be at the top because it covers the area of the screen.

KeyboardAwareScrollView Example

gifimage

Usage

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view' ... <SafeAreaView> <KeyboardAwareScrollView>   <View>     <TextInput />   </View> </KeyboardAwareScrollView> </SafeAreaView>

Comments

Post a Comment