Sample Sencha Touch View

Main.js

Ext.define("CoffeeHunter.view.Main", {
    extend: "Ext.TabPanel",
    xtype: "main",

    config: {
        tabBarPosition: "bottom",
        ui: "brown",
        items: [
            {
                xtype: "locations",
                iconCls: "compass1",
                title: "Locations"
            },
            {
                xtype: "applicationsettings",
                iconCls: "settings7",
                title: "Settings"
            },
            {
                xtype: "aboutapp",
                iconCls: "info_plain2",
                title: "About"
            }
        ]
    }

});