Moplio
Moplio

Reputation: 350

TabLayout and bottom navigation

image to depict the question

Hello, I have searched possible ways of implementing something like what can be seen in the image above, but couldn't find any help. I want to create a TabLayout and bottom navigation, such that the TabLayout is bound to the first bottom icon, and the second bottom icon is bound to another TabLayout.

I will be glad if you can help with examples or sample code. I am still more of a beginner.

Upvotes: 2

Views: 6830

Answers (1)

ישו אוהב אותך
ישו אוהב אותך

Reputation: 29834

As a beginner, you need to have a mindset that a problem can be split to more simpler problems by applying Divide and conquer algorithm.

For your case, you need to split the problem of TabLayout and bottom navigation. The problem after split are:

  1. TabLayout
  2. ViewPager
  3. Combining TabLayout with ViewPager
  4. Bottom Navigation
  5. Combining TabLayout with ViewPager and Bottom Navigation.

First, you need to make a working TabLayout. Visit TabLayout. Then learn about ViewPager: Using ViewPager for Screen Slides and ViewPager. Then combine them.

Then you need to learn about Bottom Navigation at Bottom Navigation Views

After that you need to find how to integrate the Bottom Navigation with TabLayout and ViewPager.

Sample project with tab:
https://github.com/eure/citrus

Plaid should be interesting for you.

Upvotes: 7

Related Questions