Suppose we have a iPhone/Android app and one of its window there is a textbox near to the bottom. So onclick/focus of this text box a kepad will appear which will covered the textbox. So if we type anything at that moment, the character will appear on the textbox but we cannot see them as it is behind the keypad.

So to fix this problem I have added vertical Scrollview to that window and placed all controls including the textbox inside that scrollView. So now when we click on the textbox the page automatically get scrolled up. Code to accomplish this was described below.

//This is the current window
var win = Ti.UI.currentWindow;
 
//Vertical scrollView
var scrllView = Ti.UI.createScrollView({
contentHeight: Ti.Platform.displayCaps.platformHeight,
top: 0,
layout: 'vertical'
});
 
//Scrollview added to window
win.add(scrllView);
 
//TextArea
var bottomTxtField = Ti.UI.createTextArea({
    bottom : 20,
    suppressReturn : false,
    height        :200,
    width         :100,
    font          : {fontSize : 16},
    color         : 'black',
    textAlign     : 'left',
    borderWidth   : 2,
    borderRadius  : 5
});
 
//add the TextArea to the scrollview
scrllView.add(bottomTxtField);