Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

refactor(tab-view): Attach event via ref instead of using onPageScroll handler#12658

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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
intergalacticspacehighway wants to merge2 commits intoreact-navigation:main
base:main
Choose a base branch
Loading
fromintergalacticspacehighway:attach-event-via-ref

Conversation

intergalacticspacehighway
Copy link

@intergalacticspacehighwayintergalacticspacehighway commentedJun 27, 2025
edited
Loading

Motivation

We want to allow passingreanimated event handler to the underlying pager view. This PR partially enables it by unblocking the usage ofonPageScroll event callback.

It would be helpful to add an API to pass reanimated handler in material tabs since it is closely coupled with navigation. It can be used to apply custom animations without relying onAnimated API (useAnimatedValue returnsAnimated value). We can introduceonPageScroll prop support in tab view and material tabs since it is not used by the tab view anymore.

Test plan

Test all the tab examples, the animation should work as expected.

@github-actionsGitHub Actions
Copy link

Hey@intergalacticspacehighway! Thanks for opening your first pull request in this repo. If you haven't already, make sure to read ourcontribution guidelines.

@intergalacticspacehighwayintergalacticspacehighway changed the titleAttach event via refrefactor(tab-view): Attach event via ref instead of using onPageScroll handlerJun 27, 2025
@netlifyNetlify
Copy link

netlifybot commentedJun 27, 2025

Deploy Preview forreact-navigation-example ready!

NameLink
🔨 Latest commit4a6ac2d
🔍 Latest deploy loghttps://app.netlify.com/projects/react-navigation-example/deploys/685ee0f8c04a370008725628
😎 Deploy Previewhttps://deploy-preview-12658--react-navigation-example.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to yourNetlify project configuration.

@@ -35,8 +35,6 @@ type Props<T extends Route> = PagerProps & {
)=>React.ReactElement;
};

constuseNativeDriver=Platform.OS!=='web';

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Also tested on web, it is usingPanResponderAdapter there so i guess this change should be fine. but let me know!

Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

1 participant
@intergalacticspacehighway

[8]ページ先頭

©2009-2025 Movatter.jp