In Native apk, Button Navigation bar is overlapping with app interface even after applying safe area view widget in master-layout.

0
We found a strange issue with our native apk. For some devices, the app navigation buttons are overlapping with device buttons/interface. We see this issue in a particular branch and our css files are same throughout all the branches.safe area view widget has been added in the master layout (with container with size max). We also tried updating the marketplace module The affected device models: Samsung S24 ultra, Oneplus 9R , Samsung S25 ultra, Samsung Galaxy A14 5G etc.for the devices it is working: Lava agni 2, Oneplus 9 5G any fix for this?  
asked
4 answers
2

This was fixed in Native Template version 14.1.7.

answered
0

Hi Koushik sarkar

This is a known bug in Mendix, and we are experiencing the same issue. A temporary workaround is to adjust the bottom spacing of the button slightly more so the button comes up. We are awaiting an official fix from Mendix.

answered
0

Same issue here...

answered
0

Hi, If you cannot upgrade your app, you can go to your native template and in styles.xml file you can change it to the below:

The lin that you need to add to the file is <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item> in the two themes, this will force the app to disable the edge to edge functionality, this will not work in newer versions of the native template where the react-native-edge-to-edge package was added and the issue was fixed.

<resources>

    <!-- Base light application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:windowDisablePreview">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:editTextStyle">@style/MendixEditText</item>
        <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
    </style>
    <!-- Base dark application theme. -->
    <style name="AppTheme_Dark" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:windowDisablePreview">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:editTextStyle">@style/MendixEditText</item>
        <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
    </style>


    <style name="MendixEditText" parent="Widget.AppCompat.EditText">
        <item name="android:background">@android:color/transparent</item>
    </style>

</resources>
answered