Navigation bar and bottom bar

0
Hello all developers.I'm developing a native app with a bottom and top bar. I don't use the bottom navigation bar in Mendix, as I have a dynamic bottom menu, not a static one. I'm retrive it with Nanoflow. I added a layout grid to the layout to simulate a bottom bar. The problem is that the navigation bar overlaps the bottom bar. I've tested it on several devices and it fits well on some, but on others it overlaps. Does anyone know the solution?        Regards.This is the style class of my LayoutGrid export const bottomBarPer = { container: { backgroundColor: "white", height: 55, }, };
asked
1 answers
1

Hi Ivan, you could try to place a SafeAreaView widget (from Native Mobile Resources module) in your masterlayout and put your header, 'Main' content and your custom bottombar in that widget. This widget works for Android and iOS. 

 

Sometimes an additional surrouding container around your content is needed with the size property set to 'Maximum space'.

answered