I am using ScrollView with vertical layout to show the messages, as message screen opens up it should display the messages from bottom, not from the top. I tried using scrollToBottom, but problem with this one can see the transition. We don't see any transition while opening whatsapp message screen, how can I achieve the same?
Whatsapp, and other messenger services out there, use a collectionView. Scrollview is intended for small sets of data or things like forms.
CollectionView is available as a module on GitHub.
Other solutions are a ListView for example. You can scroll to the bottom without animations. Just take a good look at the documentation