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?

  • 1
    What happens when they press the back button on the profile screen? – RobbyReindeer Feb 16 '18 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 '18 at 14:30
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

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:

  • 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 '18 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 '18 at 20:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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