Hands-on – add a Restro Application

So far in this chapter, we have learned about the different UI elements; it's now time to apply this knowledge to enhance our Restro Application.

Firstly, we will add a tab bar and a navigation bar in our Restro Application, followed by creating a view for showing the restaurant detail page:

1. Update app_delegate.rb with the highlighted code:

   class AppDelegate
     def application(application, didFinishLaunchingWithOptions:launchOptions)
       @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)
       @window.makeKeyAndVisible
       about_tab =  UINavigationController.alloc.initWithRootViewController(AboutController.alloc.init)
       restro_tab = RestroController.alloc.initWithStyle(UITableViewStylePlain)
       restro_tab.tabBarItem = UITabBarItem.alloc.initWithTabBarSystemItem(UITabBarSystemItemSearch, tag: 1)
       @tabbar = UITabBarController.alloc.init    
       @tabbar.viewControllers = [ restro_tab, about_tab]
       @tabbar.wantsFullScreenLayout = true
     ...