◐ Shell
clean mode source ↗

Android edge-to-edge: layout issues when switching Navigation mode

felixkrautschuk

Issue Description

When starting the NativeScript app on Android, switch to Android settings, switch navigation mode (e.g. from 3-button navigation to gesture-navigation or vice versa) and resume the NativeScript app, the layout is messed up like this:

Bildschirmaufnahme.2026-03-19.um.10.52.13.mov

Reproduction

ns9test.zip

Build and run the app
switch to Android settings for navigation mode
switch from 3-button-navigation to gesture-navigation (or vice versa)
switch back to the NativeScript app -> layout is messed up

Relevant log output (if applicable)

Environment

OS: macOS 26.3.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Shell: /bin/zsh
node: 22.19.0
npm: 11.6.2
nativescript: 9.0.5

# android
java: 17.0.11
ndk: Not Found
apis: 29, 35, 36, 36
build_tools: 25.0.2, 27.0.3, 28.0.3, 29.0.2, 30.0.2, 30.0.3, 32.0.0, 33.0.0, 33.0.1, 33.0.2, 34.0.0, 35.0.0, 35.0.1, 36.0.0, 36.1.0
system_images: 
  - android-28 | Google Play Intel x86_64 Atom
  - android-29 | Google Play Intel x86_64 Atom
  - android-30 | Google APIs Intel x86_64 Atom
  - android-35 | Google Play Intel x86_64 Atom
  - android-36.1 | Google Play Intel x86_64 Atom
  - android-36.1 | Pre-Release 16 KB Page Size Google Play Intel x86_64 Atom

# ios
xcode: 26.3/17C529
cocoapods: 1.16.2
python: 2.7.18
python3: 3.13.0
ruby: 2.6.10
platforms: 
  - DriverKit 25.2
  - iOS 26.2
  - macOS 26.2
  - tvOS 26.2
  - visionOS 26.2
  - watchOS 26.2

Dependencies

"dependencies": {
  "@nativescript/core": "^9.0.18-next.4"
},
"devDependencies": {
  "@nativescript/android": "^9.0.2",
  "@nativescript/ios": "^9.0.3",
  "@nativescript/webpack": "^5.0.32"
}

Please accept these terms