Bottom navigation icons overlap with Android navigation bar on some devices

Bugs
1

Hi everyone,

I’m experiencing an issue in my app: the bottom navigation icons sometimes overlap with the Android system navigation bar (home/back buttons).

This problem doesn’t happen on all devices, only on some (I haven’t identified exactly which Android versions or navigation types cause this issue).

In other platforms/builders there is a Safe Area (SafeAreaView) option that automatically adjusts the layout to avoid this overlap, but I couldn’t find anything similar in Niotron.

Here are some screenshots showing the problem:

image
image576×1280 73.3 KB

:backhand_index_pointing_right: Question: Does Niotron have a built-in solution for handling safe area on different devices? Or do I need to use a workaround (like adding dynamic padding at the bottom)?

Thanks in advance for your help :folded_hands:

2

same problem me too on samsung android 15, navigation bar is overlapping the content

3

Try this:

image

4

its happening on android 15&16

5

Yes, on Android 15+, but my approach can fix the problem.

6

Can you tell me where to find the metric component and the part used to connect the screen height and metric?. please reply as soon as possible i want to public the app update.

7