O'Reilly logo

React Native By Example by Richard Kho

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Implementing TabBarIOS

TabBarIOS renders a tabbed navigation bar at the bottom of the screen. The bar can contain multiple icons, each responsible for a different view.

The different tabs that TabBarIOS renders are considered items of the tab bar. They are declared as TabBarIOS.Item components and are nested as children within TabBarIOS.

However, with the react-native-vector-icons library we imported, we would like to use Font Awesome icons for our navigation. Instead of rendering the TabBarIOS.Item components as children for our TabBarIOS component, we will substitute them for Icon.TabBarItemIOS.

Icon.TabBarItemIOS is a component that behaves in the exact same way that TabBarIOS.Item does, but with a couple of extra props that are specific ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required