react-native-reanimated
react-native-reanimated copied to clipboard
Android: Remove Item with exiting does not showing correctly
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