From cadc33c625949aedea7504bff6aa405aee029f73 Mon Sep 17 00:00:00 2001 From: Pokai Chang Date: Tue, 21 May 2024 08:41:12 +0800 Subject: Fix laggy scrolling on mobile app's home screen, etc. (#4108) * Improve scrolling performance for List * Update List.tsx * Apply same fix to profile labels --------- Co-authored-by: dan --- src/screens/Profile/Sections/Labels.tsx | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) (limited to 'src/screens/Profile/Sections/Labels.tsx') diff --git a/src/screens/Profile/Sections/Labels.tsx b/src/screens/Profile/Sections/Labels.tsx index 553d94d2e..67c827d90 100644 --- a/src/screens/Profile/Sections/Labels.tsx +++ b/src/screens/Profile/Sections/Labels.tsx @@ -111,20 +111,27 @@ export function ProfileLabelsSectionInner({ headerHeight: number }) { const t = useTheme() - const contextScrollHandlers = useScrollHandlers() + // Intentionally destructured outside the main thread closure. + // See https://github.com/bluesky-social/social-app/pull/4108. + const { + onBeginDrag: onBeginDragFromContext, + onEndDrag: onEndDragFromContext, + onScroll: onScrollFromContext, + onMomentumEnd: onMomentumEndFromContext, + } = useScrollHandlers() const scrollHandler = useAnimatedScrollHandler({ onBeginDrag(e, ctx) { - contextScrollHandlers.onBeginDrag?.(e, ctx) + onBeginDragFromContext?.(e, ctx) }, onEndDrag(e, ctx) { - contextScrollHandlers.onEndDrag?.(e, ctx) + onEndDragFromContext?.(e, ctx) }, onScroll(e, ctx) { - contextScrollHandlers.onScroll?.(e, ctx) + onScrollFromContext?.(e, ctx) }, onMomentumEnd(e, ctx) { - contextScrollHandlers.onMomentumEnd?.(e, ctx) + onMomentumEndFromContext?.(e, ctx) }, }) -- cgit 1.4.1