RN-RNav- 8 - Implement navigationOptions and call them in individual screens

RN-RNav-8-NavigationHelper.js

// NavigationHelper.js -----------------------------------------------
import React from "react";
import {Platform} from "react-native";
import {Ionicons} from '@expo/vector-icons';

export const getNavigationOption = (title, icon) => ({
  title,
  ...Platform.select({
    ios: {
      tabBarIcon: ({tintColor}) => (
        <Ionicons name={`ios-${icon}`} size={32} color={tintColor}/>
      )
    },
    android: {
      drawerIcon: ({tintColor}) => (
        <Ionicons name={`md-${icon}`} size={32} color={tintColor}/>
      )
    }
  })
});

// Home.js -------------------------------------------------------------
...
HomeScreen.navigationOptions = getNavigationOption("Home", "home");
...

// About.js ------------------------------------------------------------
...
AboutScreen.navigationOptions = getNavigationOption("About", "person");
...