Offset problem on Android keyboard with expo 37

Hello everyone,

PROBLEM I am currently on react native (Expo) and when I updated my app from expo 35 to expo 37, I started to have padding or margin problems on my application (only on Android). These problems appear at the level of the keyboard, which creates an offset when it is opened. (The GIF (link) show you the offsets in neon green).

CODE <KeyboardAvoidingView style={{ width:'100%', height:'100%' }} behavior={'padding'} keyboardVerticalOffset={40}> <View style={{ width:'100%', height:'100%' }}> <GiftedChat/> </View> </KeyboardAvoidingView>

SOLUTIONS (Not working) (I have tried SOOOOO MANY solutions in internet :

• eject expo and change the android:windowSoftInputMode="adjustResize"
• Tried so many things inside the style code
• Add tabBarOptions: { ... keyboardHidesTabBar: true }

VERSIONS

• Nodejs version: 14.3.0
• React version: 16.9.0
• React Native version: https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz
• react-native-gifted-chat version: ^0.13.0
• Platform : Android

[hirbod]

The issue is the StatusBar. Did you set it to translucent on android? If yes, thats prob. breaking it for you (as it did for me). SDK 38, which is around the corner, should finally fix it, Try to disable translucent and it should work fine

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.