Skip to content

Swipe between tabbar / subnav pages #101

@SaadBazaz

Description

@SaadBazaz

Clear and concise description of the problem

I see two ways to have tabs or subnavs in Konsta.

Tab Bar: https://konstaui.com/react/tabbar

"Subnav" in Navbar: https://konstaui.com/react/navbar

However, as is in many native mobile apps, there's no way to "swipe" between the pages. And by that, I mean being able to drag-and-hold and see other pages. Kind of like this:

WhatsApp.Video.2022-12-02.at.15.14.42.mp4

Suggested solution

In Navbar Component, we could have a "slideBetweenTabs" animation prop. It by either having a PageComponents prop, or by wrapping Navbar itself.

Alternative

Having to resort to other libraries to achieve this, but not very pleasant to look at.

Additional context

What it looks like right now.
https://user-images.githubusercontent.com/51885228/205270756-0eff1166-eeb7-4556-8423-fd881a6f5a00.mov

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

  • I'm willing to open a PR

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions