Chapter 5. Tabs, advanced lists, and form components
This chapter covers
- Using the tabs component with individual navigation histories
- Displaying a list of items that can be toggled and reordered
- Setting up pull-to-refresh to reload data
- Using several mobile form input controls
This chapter continues our look at many of Ionic’s features, and just like in chapter 4, you’ll build a complete app from start to finish. You’ll build a mobile app to show current market and historical chart data for Bitcoin in many different currencies. The interface will leverage the Ionic tabs component to have three tabs: to view current market rates, to view a chart of historical rates, and for currency management.
You’ll learn more about how to have a navigation window inside each tab. This is important when you want to create rich experiences with tabs that maintain the user interface state between tabs. Also when you load data from an external source, the data is cached even if you change between tabs, improving speed and avoiding unnecessary HTTP requests.