When drag the animated view to top(child component out of sight),the child content became shorter

[monkingame]

Environment

Environment:
OS: macOS High Sierra 10.13.6
Node: 10.4.1
Yarn: 1.7.0
npm: 6.1.0
Watchman: 4.9.0
Xcode: Xcode 9.4.1 Build version 9F2000
Android Studio: 3.1 AI-173.4819257

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.4 => 0.55.4

Description

My project is a Animated view based on PanResponder. The Animated.View has three child components.

When I dragged the animated view to top(and child component out of sight of the screen),the child content became shorter and shorter.

Reproducible Demo

https://snack.expo.io/SkZ396FQm

#Video screenshot
https://www.youtube.com/watch?v=qoXHpZdMRh8&feature=youtu.be

[guiyom19]

I have exactly the same problem on iOS (not on Android).
Is this something we can bypass with the 0.55.4 version or do we have to upgrade to 0.56 ?

[guiyom19]

I sorted the problem using translateY instead of top

[jakallergis]

I have the same problem! This is related to #20215 #19952 #19244 and is really frustrating. the translateY/X workaround is working but it doesn't change drag the parent layout with it so its not for every scenario. This doesn't fix it.

For me it happend after I upgraded to 0.55.0

[react-native-bot]

I am closing this issue because it does not appear to have been verified on the latest release, and there has been no followup in a while.

If you found this thread after encountering the same issue in the latest release, please feel free to create a new issue with up-to-date information by clicking here.