Dingdong_app/components/TabBarIcon.js

/* eslint-disable react/destructuring-assignment */
import * as React from "react";
import { Icon, useTheme } from "@ui-kitten/components";

export default function TabBarIcon(props) {
  const theme = useTheme();
  return (
    <Icon
      name={props.name}
      style={{ width: 30, height: 30 }}
      fill={
        props.focused ? theme["color-primary-500"] : theme["color-basic-600"]
      }
    />
  );
}