-
-
Notifications
You must be signed in to change notification settings - Fork 1k
Closed
Closed
Copy link
Labels
Platform: WebRepro providedA reproduction with a snack or repo is providedA reproduction with a snack or repo is provided
Description
Description
How it works now on web:
swipeable.mov
I believe the problem is that rightOffset
isn't calculated properly, rightActions is usually a static component without layout changes and because of that this code runs once on the mount:
() => (
<Animated.View style={[styles.rightActions]}>
{renderRightActions?.(
showRightProgress,
appliedTranslation,
swipeableMethods
)}
<View
onLayout={({ nativeEvent }) => {
rightOffset.value = nativeEvent.layout.x;
}}
/>
</Animated.View>
),
This PR should potentially fix it:
#3332
Steps to reproduce
- Take GH's swipeable example
- Change the width of the window
- right actions are displayed very weird
Snack or a link to a repository
https://snack.expo.dev/@forlify/gh-swipeable-bug
Gesture Handler version
latest
React Native version
0.76.5
Platforms
Web
JavaScript runtime
None
Workflow
None
Architecture
None
Build type
None
Device
None
Device model
No response
Acknowledgements
Yes
Metadata
Metadata
Assignees
Labels
Platform: WebRepro providedA reproduction with a snack or repo is providedA reproduction with a snack or repo is provided