diff options
| author | dan <dan.abramov@gmail.com> | 2023-11-10 19:54:33 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-10 19:54:33 +0000 |
| commit | 91f8a23fbca5585490bb0f2064cdec8dd4b47cc9 (patch) | |
| tree | bd369627641ecef8733ae877a93b048fabe59b09 /src/view/com/pager/Pager.web.tsx | |
| parent | 65def371659c3b64481199b2585a40a1affd9ec2 (diff) | |
| download | voidsky-91f8a23fbca5585490bb0f2064cdec8dd4b47cc9.tar.zst | |
Scroll sync in the pager without jumps (#1863)
Diffstat (limited to 'src/view/com/pager/Pager.web.tsx')
| -rw-r--r-- | src/view/com/pager/Pager.web.tsx | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/view/com/pager/Pager.web.tsx b/src/view/com/pager/Pager.web.tsx index 7ec292667..3b5e9164a 100644 --- a/src/view/com/pager/Pager.web.tsx +++ b/src/view/com/pager/Pager.web.tsx @@ -49,7 +49,18 @@ export const Pager = React.forwardRef(function PagerImpl( onSelect: onTabBarSelect, })} {React.Children.map(children, (child, i) => ( - <View style={selectedPage === i ? s.flex1 : s.hidden} key={`page-${i}`}> + <View + style={ + selectedPage === i + ? s.flex1 + : { + position: 'absolute', + pointerEvents: 'none', + // @ts-ignore web-only + visibility: 'hidden', + } + } + key={`page-${i}`}> {child} </View> ))} |