react-component / react-component/tabs
How to implement ScrollableInkTabBar and SwipeableInkTabBar at the same time?
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 572
- Forks
- 241
- Avg merge
- 4d 18h
- Merged PRs (30d)
- 4
Description
There is should a tab-arrow in the left at this situation.
I use ScrollableInkTabBar and add touch event to the tab-bar to make it can scroll and swipe at the same time, but there's a problem with this, when I swipe, I calculate the value that tab-bar need to transform and implement it, but how could I control the tab-arrow show or hide like the tab-arrow button and the resize event do?
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating ScrollableInkTabBar and SwipeableInkTabBar, then compare the tab-arrow behavior with the existing tab-arrow button and resize handling. Clarify how touch swiping should update the tab-bar transform and when the left arrow should appear or disappear; done means both scrolling and swiping work together with correct arrow visibility.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100