react-native-gesture-handler icon indicating copy to clipboard operation
react-native-gesture-handler copied to clipboard

ReanimatedSwipeable cause other page jittering

Open xtayaitak opened this issue 5 months ago • 1 comments

Description

when ReanimatedSwipeable on A Page. It will cause other page jittering. when i remove ReanimatedSwipeable. all will be ok.

https://github.com/user-attachments/assets/687d9e7a-a2eb-4b64-a64f-974b8f93aff9

MainPageCode:

<ReanimatedSwipeable renderRightActions={()=>{ return ( <View style={{backgroundColor:'blue',width:100,height:100}}> <Text>123</Text> </View> ) }} > <View style={{height:100,backgroundColor:'red'}}> <Text>123</Text> </View> </ReanimatedSwipeable>

OtherPageCode: `const data = Array.from({length:100},(_,index)=>index)

function UserTest() { console.log("AdminFunction Render") const flashListRef = useRef<FlashList>(null);

const renderItem = ({item}:{item:number}) => { return <View style={{height:100,backgroundColor:'red',justifyContent:'center',alignItems:'center',borderWidth:1,borderColor:'black'}}> <Text>{item}</Text> </View> } return ( <View style={{flex:1}}> <FlashList ref={flashListRef} data={data} renderItem={renderItem} maintainVisibleContentPosition={{ autoscrollToBottomThreshold:0.3, startRenderingFromBottom:true }} /> <View style={{ height:140,backgroundColor:'blue'}}> <TextInput style={{height:100,backgroundColor:'blue'}}/> </View> </View> ) }

export default UserTest;`

Steps to reproduce

  1. add a ReanimatedSwipeable to A page
  2. route to other page. with some conponent.like buttons on flashList

A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug.

https://snack.expo.dev/@xtayaitak/gesture-bug-test

Gesture Handler version

2.24.0

React Native version

0.76.9

Platforms

iOS

JavaScript runtime

None

Workflow

Using Expo Prebuild or an Expo development build

Architecture

New Architecture (Fabric)

Build type

Debug mode

Device

Real device

Device model

Iphone 11

Acknowledgements

Yes

xtayaitak avatar Jun 12 '25 04:06 xtayaitak

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug. section.

github-actions[bot] avatar Jun 12 '25 04:06 github-actions[bot]