Wish B4XPages Bottom Navigation

[LucasHeer]

Hello!

I have searched trying to find an answer to using a bottom navigation with B4XPages:

Here was my original thread:

B4XPages Three Page Example Menu Item

Hello! I am using B4XPages and am having trouble with displaying my bottom navigation over the pages. In B4A I use this after initiating the page manager: Dim pm As B4XPagesManager pm.Initialize(Activity) Activity.LoadLayout("BottomBar") However, I cannot figure out how to add the bottom nav...

www.b4x.com

Most modern apps have some kind of bottom navigation. 90% of my apps use bottom navigations, and I can't convert any of them to B4XPages. I also can't create any new apps using B4XPages.

Thank you!

 

[Biswajit]

1. Create a Layout
2. Add AHViewPager
3. Add any bottom navigation view below viewpager
4. Create a separate layout for each page that will be opened on the bottom menu item click
5. Create a B4XPage
6. Load the viewpager layout to the page root panel
7. Then those separate layouts to the viewpager
8. On the menu item click just scroll to that page

 

[Erel]

There are many simple ways to implement such layout. You can for example, create a panel with a few ImageViews and labels. Implement it in a class and create such class in each of the pages.

 

[LucasHeer]

There are many simple ways to implement such layout. You can for example, create a panel with a few ImageViews and labels. Implement it in a class and create such class in each of the pages.

If I implement it in each page, then it rides the animation changing to other pages.

I need it to be static, while the content animates

 

[Cableguy]

B4XPages are "just" panels which have a single (Main) activity as parent.
You can add a panel to the bottom of this activity to act as your bottom drawer, and it won't interfere with B4XPAGES animations, and it can even have its own set of animations.

 

[Erel]

B4XPages are "just" panels which have a single (Main) activity as parent.

Not in B4i.

If I implement it in each page, then it rides the animation changing to other pages.

I need it to be static, while the content animates

You can disable animations.

 

[LucasHeer]

Not in B4i.


You can disable animations.

Whenever I disable animations, my bottom navigation still blinks whenever loading other views.

My current system is universal between B4i/B4a, but I would love to switch to B4XPages which seems to be the standard.


Thank you!

 

[Erel]

Whenever I disable animations, my bottom navigation still blinks whenever loading other views.

Can you create a small project with this? Maybe it can be improved.

 

[LucasHeer]

Can you create a small project with this? Maybe it can be improved.

Yes sir!

I've been very busy with web dev & working on existing apps.

Here is the cross platform example I came up with There are still back animations on iOS, and android still shows an animation animation. You can click the button to go to a different bottom navigation page.

I wish I could keep page animations but get rid of animations on the bottom navigation.


Sorry for taking everyone's time here. However, my hopes are to create cross-platform apps with B4XPages like Facebook, Instagram, Snapchat, etc... It seems like 90% of apps nowadays have this bottom navigation.


Thank you!

 

[Erel]

1. Why do you need a library for custom fonts???

2. In B4A, you can add the navigation to the main activity and give it an elevation of 20dip. It will appear above all pages.

3. It is a mistake to set a field in class before the class is initialized. Move it to B4XPage_Created

4. I've tested the B4i program. In release mode there is no visible flicker. You should show the next page with:

B4XPages.ShowPageAndRemovePreviousPages("Test Page")