This repo highlights a bug that happens with Android when using the React Native Keyboard Controller and Expo Dev Client.
To reproduce the bug, follow these steps:
- Ensure
app.json
hasandroidNavigationBar.visible
set toleanback
. - Trigger a new development build:
eas build --profile development --platform android
. 2.1. You'll need to have the EAS CLI installed and be logged in. It'll ask you to create a new project. - Install the app on a physical device and open the "Aware scroll view sticky footer" example.
- Open/Close the input a few times, and notice how the footer position is not updated correctly.
- Now, remove the
androidNavigationBar
fromapp.json
and re-run your app withyarn android -c
. Notice the issue doesn't happen anymore.
The bug occurs when using the androidNavigationBar
property:
with `visible: "leanback"`
https://github.com/MarceloPrado/react-native-keyboard-controller-dev-client-repro/assets/8047841/d6042c64-c26c-49c6-bc74-22ebf4a9aa03with `visible: "immersive"`
CleanShot.2023-10-18.at.16.14.21.mp4
with `visible: "sticky-immersive"`
CleanShot.2023-10-18.at.16.18.18.mp4
with no changes to `visible` (no bug!)
In this demo, I deleted this section of app.json: "androidNavigationBar": {
"visible": "sticky-immersive"
},
https://github.com/MarceloPrado/react-native-keyboard-controller-dev-client-repro/assets/8047841/bbcd75bb-d957-4940-8112-8cb80e336ebehttps://github.com/MarceloPrado/react-native-keyboard-controller-dev-client-repro/assets/8047841/1c0d4f97-750a-4b61-aa23-86f7187216f9