How do you animate the height in react native when you don’t know the size of the content?

I use LayoutAnimation for that, just before the state change that causes your component’s height to change, add:

LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);


You can use different presets:

• spring
• easeInEaseOut

• linear

  You can read more about it here https://facebook.github.io/react-native/docs/layoutanimation.html