Time for action – creating a phone layout for your app

Perform the following steps to create a phone layout for same app:

1. Due to the lower resolution of a phone, we have to make changes to the layout. Gone are the three views on a single window, and in its place are two views on two windows.

2. All of the changes required are in the /ui/handheld/ios/ApplicationWindow.js file where the windows and views are defined. The following are the selected code lines that create the two-window layout for the phone:

     var CurrencyView = require('ui/common/currencyView'),
         pinBarView = require('ui/common/pinbarView');
   …
     //construct UI
     var currencyView = new CurrencyView(),
               pinBarView = new PinBarView();
   …
     var masterContainerWindow = Ti.UI.createWindow({
       title:'Currencies'
     });
     masterContainerWindow.add(currencyView);
   
     var pinBarWindow = Ti.UI.createWindow({
       title:'Pin Bar Entry'
     });
     pinBarWindow.add(pinBarView);
   …
     //create iOS specific NavGroup UI
     var navGroup =...