Entering & Existing Transitions Help #5857
Unanswered
ShaneKeney
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I have a pretty basic component which is just a banner that shows at the top of a form. I have configured some entering and existing transitions that work as needed. The look good for my use case so no issue there.
However, I am stuck on how to make the sibling components not collapse as the banner is "exiting".
My parent component is something like this:
Form.tsx
When I trigger the banner to hide by setting
showBanner
tofalse
, theexiting
transition below runs but the layout immediately shifts and the animation for existing is now behind the "other components". What is the best way to ensure the entering / existing transitions are not hidden by the other components during a layout shift etc.? Just starting to learn usingreact-native-reanimated
and can't seem to figure out the best way in this use case.FeedbackBanner.tsx
Beta Was this translation helpful? Give feedback.
All reactions