There are currently eleven built-in categories and icons ( Figure 4.7).Ĥ.8 Design your own custom tab navigation. The tab label settings in the previous code listing are left blank because they're not used when calling built-in tab categories (which are automatically labeled). The second setting is for tab labels (covered in the next example), and the third setting refers to built-in categories and icons. The way this works is that the page names for each tab are HTML file names.
The basic JavaScript for this is (variables you can change are highlighted) var tabController = new NKTabBarController() tTabBarForPage(' main.html', '', ' 1') tTabBarForPage(' two.html', '', ' 2') tTabBarForPage(' three.html', '', ' 3') In other words, both the titles and the icons come for free.
This first example does a lot of heavy lifting for you, because NimbleKit is able to call some of these native items that are built right into the operating system. Each tab has two components: the titles (Favorites, Featured, and Top Rated) and an icon for each. In this example, there are three tabs that navigate to three other pages. Now you'll learn how to code the sample displayed in Figure 4.6.
