Javascript 反应本机导航顶部栏图标未显示

刚刚开始学习React Native with Expo，尝试实现顶部栏导航

// screens/Home.tsx

function Home() {
  return (
    <View style={styles.container}>
      <Text>Home Screen!</Text>
    </View>
  )
}

export default Home

问题是没有显示图标

请帮忙

================================================================

---

堆栈：Expo、TypeScript、React native navigation、React native vector icons、@Expo/vector icons

您需要从

navigationOptions

tabBarIcon返回组件

HomeStack.navigationOptions = {
  tabBarIcon: ({focused}) => {
      return <TabBarIcon
        focused={focused}
        name='md-information-circle'
     />
  }
}

HomeStack.navigationOptions={
tabBarIcon:（{focused}）=>{
返回
}
}

或

HomeStack.navigationOptions={
tabBarIcon:（{focused}）=>（）
}

您需要从

navigationOptions

tabBarIcon返回组件

HomeStack.navigationOptions = {
  tabBarIcon: ({focused}) => {
      return <TabBarIcon
        focused={focused}
        name='md-information-circle'
     />
  }
}

HomeStack.navigationOptions={
tabBarIcon:（{focused}）=>{
返回
}
}

或

HomeStack.navigationOptions={
tabBarIcon:（{focused}）=>（）
}

尝试不带花括号隐式返回：

tabBarIcon: ({focused}) => (
<Ionicons
  focused={focused}
...
/>
)

tabBarIcon:（{focused}）=>(
)

尝试不带花括号隐式返回：

tabBarIcon: ({focused}) => (
<Ionicons
  focused={focused}
...
/>
)

tabBarIcon:（{focused}）=>(
)

不确定Ionicons是如何工作的，但您是否尝试给它一个固定的高度和宽度？不确定Ionicons是如何工作的，但您是否尝试给它一个固定的高度和宽度？

tabBarIcon: ({focused}) => (
<Ionicons
  focused={focused}
...
/>
)