I am creating a new app and I want to add message area like:

[![enter image description here](https://i.stack.imgur.com/WDie5.png)](https://i.stack.imgur.com/WDie5.png)

When user click the text area keyboard will shown and user start writing message right button will be send button and text area with will be grow like: 

[![enter image description here](https://i.stack.imgur.com/cCaFX.png)](https://i.stack.imgur.com/cCaFX.png)

What is the easy way to do it?

I hava a idea to do it but I think it is not the the best way. I am thinking to solve it programmaticly. In viewLoad I will create button and text area programmaticly then when user starts writing I will create them again.