React Native 如何制作没有图标的标签栏？

lb3vh1jj 于 2023-01-31 发布在 React

关注(0)|答案(1)|浏览(106)

我制作了如下的tabBar。

我正在使用expo的react-native。但是我想从tabBar中删除图标，因为它只有文本。我的tabBar代码看起来像下面。我如何从tabBar中删除图标？

<Tabs.Navigator
  screenOptions={{
      headerShown: false,
      tabBarActiveTintColor: `${colors.vivid}`,
      tabBarActiveBackgroundColor: `${colors.light}`,
      tabBarStyle: {
          backgroundColor: "white",
          height: 60,
      },
      tabBarLabelStyle: {
          fontFamily: "Katuri",
          fontSize: 18,
      },
  }}
>
    <Tabs.Screen
      name="사진"
      options={{
          tabBarIcon: ({ focused, color, size }) => (
            <Ionicons name={"camera"} color={color} size={18} />
          ),
      }}

react-native

来源：https://stackoverflow.com/questions/70486769/how-to-make-tabbar-without-icons

1条答案

按热度按时间

xoefb8l81#

在options属性中为tabBarIcon返回null。

<Tabs.Screen 
  name="사진" 
  options={{ tabBarIcon: ({ focused, color, size }) => null }}

赞(0）回复(0）举报 2023-01-31

我来回答

React Native 如何制作没有图标的标签栏？

1条答案

相关问题

热门标签

最新问答