[Mobile UI] How to make the screen move up when a mobile keyboard is invoked in a payment screen?

Hi Team,

 

My developers have created a mobile app in Android and iOS which uses Moneris for payments. One issue that we are facing is that when we are on a payment page and are typing the credit card details on the Moneris payment page, the keyboard that gets invoked on the mobile device overlaps on the field in which the user is typing and hence completely hiding the field in which the user is typing.

 

We want the screen to automatically move up when the mobile keyboard is involved so that both the keyboard and the field in which typing is being done is visible.

I do not know if this is the right place to ask but will really help us if someone knows how this can be done.

 

Thanks!