2

I am making an Android app. When the equivalent of this app on iOS is using bottom tabs, the recommended way to get it onto Android is to use a top tab bar like this:

enter image description here


So true to this, I have created this here:

enter image description here


However I need to make this a profile screen like for instance:

enter image description here

However I can't figure out how to do this. The tab bar is in the way.
Is there any recommendations on how you would do a profile screen when there are top tabs?

2
  • 1
    What happens when they press the back button on the profile screen? Feb 16, 2018 at 9:04
  • @RobEarle In the profile screen that's a demo. But if that back button was in my tabbed navigator, it would take them to the initial tab.
    – Noitidart
    Feb 16, 2018 at 14:30

2 Answers 2

2

The profile screen in the 3rd image is one level deeper in the hierarchy from your main page (I mean the page with tabs). So, when the user clicks on a button which is a link to the profile screen, the profile screen overlays over the main page. Clicking on the ' <- ' Back button would take the user back to the main page.

enter image description here

1
0

I think i found the answer, I think I'll make the part between the tab bar and title bar expand. This part will contain the profile background and info like this:

2
  • 1
    No.. 1. The profile page should contain details to be shown in the profile only, not the tab bar. 2. Tab bar should not shift its place if u are following material.
    – Kishan
    Feb 16, 2018 at 19:06
  • Thanks @Kishan may you please share a screenshot of what I should do? your solution above i think was telling me to create another screen?
    – Noitidart
    Feb 16, 2018 at 20:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.