react-native-reanimated icon indicating copy to clipboard operation
react-native-reanimated copied to clipboard

Android: Remove Item with exiting does not showing correctly

Open serverlocal017 opened this issue 2 years ago • 8 comments

Remove Item with exiting does not showing correctl

I use the Animated Props: entering & exiting. It works great but if I remove an Item with exiting Animation, then I dont see the correct Image height only the half and that looks very bad, look atmy video:

https://streamable.com/tvppnk

Code:

  return (
    <GestureHandlerRootView style={s.container}>
      <TouchableOpacity onPress={onAdd} style={s.btn}>
        <Text style={{fontSize: 40, color: 'white'}}>+</Text>  
      </TouchableOpacity>
      <ScrollView style={{flex: 1}} contentContainerStyle={{paddingVertical: 50}}>
        {
          items.map((item, i) => (
            <Animated.View 
             entering={ iniMode.current ? FadeIn.delay(100 * i) : FadeIn}
             exiting={ZoomOut.delay(100)}
             layout={Layout}
              onTouchEnd={() => onRemove(item.id)} key={item.id} style={s.listItem} />
          ))
        }
      </ScrollView>
    </GestureHandlerRootView>
  )

Package versions

name version
react-native 0.64.3
react-native-reanimated 2.3.1
expo 44.0.0

Affected platforms

  • [ x] Android
  • [ ] iOS
  • [ ] Web

serverlocal017 avatar Mar 08 '22 12:03 serverlocal017