I recently upgraded my app from Capacitor 5 to Capacitor 8 and added @capawesome/capacitor-android-edge-to-edge-support to support Android’s edge-to-edge behavior.
Environment
Before
- Plain React + Capacitor
- Capacitor 5
- No
@capacitor/keyboardplugin targetSdkVersion = 35
After
- Plain React + Capacitor
- Capacitor 8
targetSdkVersion = 35@capawesome/capacitor-android-edge-to-edge-support- Installed
@capacitor/keyboard
My capacitor.config.json looks like this:
{
"appId": "com.####.app",
"appName": "####-apk",
"webDir": "dist",
"server": {
"androidScheme": "http"
},
"plugins": {
"LocalNotifications": {
"smallIcon": "ic_launcher",
"iconColor": "#ffffff"
},
"SplashScreen": {
"androidScaleType": "CENTER_CROP",
"showSpinner": true,
"androidSpinnerStyle": "horizontal"
},
"StatusBar": {
"style": "dark"
},
"Keyboard": {
"resizeOnFullScreen": true
},
"SystemBars": {
"insetsHandling": "disable"
}
}
}
After this edge to edge issue resolved now app screen is fitting correctly accoding to nocth but keyboard is not resizing see this images to understand the first image is what iam suffering with when keyboard comes screen should resize like below one which is happening but with present configuration this was not resizing as expected.
Tried numerous amount of changes tried many combinations in config , in manifest in main activity java in styles xml many things still not getting if any one have experiednced this and found solution please share.
