Dingdong_client/components/TabBarIcon.js

import { Ionicons } from '@expo/vector-icons'
import * as React from 'react'

import Colors from '../constants/Colors'

export default function TabBarIcon(props) {
  const { name, focused } = props
  return (
    <Ionicons
      name={name}
      size={30}
      style={{ marginBottom: -3 }}
      color={focused ? Colors.tabIconSelected : Colors.tabIconDefault}
    />
  )
}