Как подружить верхние и нижние табы в мобильном дизайне?

Question

[Nekto_TM]

Вопрос о дизайне интерфейса, а не о конкретной программной реализации.

По сути нужно совместить вот эти компоненты:

https://material.io/guidelines/components/tabs.htm...

https://material.io/guidelines/components/bottom-n...

Есть ли примеры таких интерфейсов? Скриншоты, приложения, мокапы, что угодно.

Вопрос можно переформулировать так: во что преобразовать верхний таббар, чтобы не было двух визуально похожих компонентов в интерфейсе?

Comments

[aol-nnov]

как они должны взаимодействовать? у каждого таба из верхнего таббара внутри компонент, у которого снизу три таба?

мне кажется, слишком перегружено получится. надо пересмотреть иерархию. например, вместо табов сверху айтемы в navigation drawer-е..

Answer 1

[Nekto_TM]

aol-nnov: почти так и получается. нижние таббары обозначают основные разделы. внутри основных разделов нужно оформить подразделы. верхние таббары конкурируют с нижними, поэтому подразделы оформлять следует как кнопки / ссылки / части экрана.