New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: swipeable segment (swipe on content to move segment) #17804
Comments
Thanks for the issue! The scrollable tabs that you see in the Material Design spec is available in our Segment component using the Please see the usage information on that page: https://ionicframework.com/docs/api/segment#usage They can be combined with slides to achieve a swipe between views effect, see this example Codepen: https://codepen.io/brandyscarney/pen/maOabQ?editors=1010 |
But this way, we don't have possibility to lazy load slides... which would be great! |
Thanks for the great example @brandyscarney!!! Was having some trouble using the tabs for that. By the way, for those looking for a better "feel" for when changing the segment when scrolling the panel, you may use "ionSlideWillChange". It seems a bit better than "onDid". |
Very Helpful |
Some additional api for swiping segments would be also greate. There are no way to swipe them programmatically. Otherwise please provide some issue solver hier https://stackoverflow.com/q/57047922/7986808 |
Hi, in my case using sliders was a bad solution because i need the lazyloading. I ended up using segments with this lib: |
@BrandonShar Are we able to see Swipeable Tab on Ionic 5? |
@BrandonShar it's typical in this scenario for each slide to have an independently scrollable content area but the examples I have seen a linked due to a single ion-content. Is there an agreed approach for this inside the constraints of the ionic framework? |
in ionic 5 : issue occurs [ng] ERROR in node_modules/ionic2-super-tabs/dist/components/super-tab.d.ts:2:132 - error TS2307: Cannot find module 'ionic-angular'. |
Are there any changes with this for ionic5? I tried but it did not work. I use ion-tabs and have 3 tabs with ion-slides. Only on the First (initial) slider I can use the ion-segment to change the sliders, on the others the segment-indicator is moving but slideTo does not work. Also getActiveIndex and the rest of it. It is kind of strange that the ionslidedidLoad event is triggered multiple times. Maybe there is some error, or I did something wrong. or I should open an new issue, not sure if it is related to this .Was just hoping your code will save me. :D |
I have long waited for this, finally made one web-component with ionic's stencil. It works in any platform and in all popular frameworks. |
I have long waited for this, finally made one web-component with ionic's stencil. It works in any platform and in all popular frameworks. |
Would love to see this as a built-in feature! |
Feature Request
Ionic version:
[x] 4.x
Describe the Feature Request
Swipeable tabs is a common and long requested feature to have on Ionic. Really hope to see swipeable tabs feature in Ionic 4 soon.
The text was updated successfully, but these errors were encountered: