return (
    <BottomTab.Navigator
      screenOptions={{headerShown: false}}
      tabBar={tabsProps => (
        <>
          <BottomTabBar {...tabsProps} />
        </>
      )}
      initialRouteName="Home">
      <BottomTab.Screen
        name="Home"
        options={{
          tabBarIcon: ({color, size}) => (
            <Icon name="home" color={color} size={size} />
          ),
          tabBarLabel: () => null,
        }}
        component={Home}
      />
      <BottomTab.Screen name="Search"
      options={{
        tabBarIcon: ({color, size}) => (
          <Icon name="search" color={color} size={size} />
        ),
        tabBarLabel: () => null,
      }}
      component={Search} />
      <BottomTab.Screen name="Mint"
      options={{
        tabBarIcon: ({color, size}) => (
          <Icon name="plus-square-o" color={color} size={size} />
        ),
        tabBarLabel: () => null,
      }}
      component={Mint} />
      <BottomTab.Screen name="Activities"
      options={{
        tabBarIcon: ({color, size}) => (
          <Icon name="heart" color={color} size={size} />
        ),
        tabBarLabel: () => null,
      }}
      component={Activities} />
      <BottomTab.Screen name="Profile"
      options={{
        tabBarIcon: ({color, size}) => (
          <Icon name="user" color={color} size={size} />
        ),
        tabBarLabel: () => null,
      }}
      component={Profile} />
    </BottomTab.Navigator>
  );