편집 기록

프로필 ᅟᅟᅟᅟ님의 편집

날짜2021.12.27

아이콘 없이 Text만 있는 TabBar 어떻게 만드나요?

react-native

android

react-native 와 expo를 사용하여 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} />
      ),
    }}

프로필 hayatshin님의 편집

날짜2021.12.26

아이콘 없이 Text만 있는 TabBar 어떻게 만드나요?

tabbar

react-native

expo

react-native 와 expo를 사용하여 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} />
      ),
    }}