react-native-elementでタブのアイコンを表示する

const TabBarIcon = (props) => {
  return (
    <Icon
      name={props.name}
      type="ionicon"
      color={props.focused ? hoge_color : fuga_color}
    />
  );
};

• フォントではなく画像を使いたい場合はImageを返す

<Scene key="home" initial component={HomeScreen} tabBarLabel='ホーム', icon={({ focused }) => <TabBarIcon name="md-home" focused={focused} />} />

https://infinitered.github.io/ionicons-version-3-search/

• アイコンのリストは上から表示する