Dingdong_app/components/TabBarIcon.js

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

import Colors from "../constants/Colors";

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"]
            }
        />
    );
}