4 Pages and navigation

In chapter 3 you learned how NativeScript apps are structured. You also learned how the conventions of NativeScript help keep your app code organized and make development easier. Now it is time to take what you have learned in the previous chapters and start building a professional mobile app.

Over the next several chapters, you’ll be learning how to create a multi-page mobile app for Tekmo, an imaginary company that sells retro video games and video game accessories. Tekmo wants to broaden its reach to customers by creating a mobile app for iOS and Android that will showcase the products they sell. This mobile app is their first foray into the mobile space, and they want to keep it simple, mimicking their website. The app will consist of the following four pages:

4.1   Creating a multi-page app

4.1.1   Creating the Home page

4.1.2   Adding content to the Home page

4.2   Creating another app page

4.2.1   Creating the About page

4.3   Navigating between app pages

4.3.1   Adding a button to the Home page

4.3.2   Button events

4.3.3   Applying transitions to page navigation

4.4   Summary

4.5   Exercise

4.6   Solutions