Hiding the keyboard in a mobile app with a chat

I'm having some trouble hiding the keyboard in a mobile app with a chat hover the main UI (3).

On iPhone, this action is usually done by clicking on the zone (3) or dragging down. But in my application is not possible to perform such actions.

  • Right now, I am using a hide button (2) next to the input field, but users have some difficulties understanding how to hide it.
  • In addition, they press the close button (1) and leave this application area accidentally.

enter image description here

Note: in Android is not so problematic because the user can hide the keyboard with the "back" button.

Any recommendations?

*iPhone wireframe from Michelle

Tags: