如何制作没有图标的TabBar?
How to make TabBar without Icons?
我做了如下的tabBar。
enter image description here
我在 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} />
),
}}
Return null
for tabBarIcon
in options
props.
<Tabs.Screen name="사진" options={{ tabBarIcon: ({ focused, color, size }) => null }}
我做了如下的tabBar。
enter image description here
我在 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} />
),
}}
Return null
for tabBarIcon
in options
props.
<Tabs.Screen name="사진" options={{ tabBarIcon: ({ focused, color, size }) => null }}