Javascript 无法在react native中使用BottomTabNavigator查看图标

我正在尝试创建一个底部选项卡导航器，当我刷新文件tabs.js时，expo mobile app上没有显示图标

我认为主要问题是在tabBarIcon

文件选项卡.js

import React from "react"
import {
    View,
    Image,
    TouchableOpacity
} from "react-native"
import {createBottomTabNavigator, BottomTabBar} from "@react-navigation/bottom-tabs"
import Home from "../screens/Home"
import { COLORS, icons } from "../constants"
import {Ionicons} from "@expo/vector-icons"

const Tab = createBottomTabNavigator();
const Tabs = () => {
    return (
        <Tab.Navigator
        >
            <Tab.Screen
             

            name="Home"
            component={Home}
            s
            options={{
            
                
                tabBarIcon: ({focused})=> {
                <Ionicons name="cart-outline" size={16} color= "#000000"
              } 
            }}
                />
        </Tab.Navigator>
    )
}

export default Tabs;

从“React”导入React
进口{
看法
形象,，
可触摸不透明度
}从“反应本机”
从“@react navigation/bottom tabs”导入{createBottomTabNavigator，BottomTabBar}
从“./屏幕/主页”导入主页
从“./常量”导入{颜色、图标}
从“@expo/vector icons”导入{Ionicons}
const Tab=createBottomTabNavigator（）；
常量选项卡=（）=>{
返回(
{
)
}
导出默认选项卡；

谢谢你的帮助

这会有用的

    <Tab.Navigator>
        <Tab.Screen
            name="Home"
            component={Dashboard}
            options={{
                tabBarIcon: ({}) => (
                <Ionicons name="cart-outline" size={16} color="#000000" />
            ),
            }}
        />
    </Tab.Navigator>

(
),
}}
/>

尝试使用