인프런 커뮤니티 질문&답변
작성한 질문수
tabBarVisible 옵션이 안먹는데 왜그러는건지 잘모르겠습니다..ㅠ
해결된 질문
작성
·
1K
1
import React from "react";
import axios from "axios";
import styled from "styled-components/native";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { NavigationContainer } from "@react-navigation/native";
import { StatusBar } from "expo-status-bar";
import { StyleSheet, Text, View } from "react-native";
import { Home, ChatList, Chat } from "./components";
import { Con, HeaderLogo } from "./assets/common/common";
import Icon from "react-native-vector-icons/MaterialCommunityIcons";
import { createStackNavigator } from "@react-navigation/stack";
const test1 = () => {
return <Text>2</Text>;
};
const test2 = () => {
return <Text>zzz</Text>;
};
const Tab = createBottomTabNavigator();
const Stack = createStackNavigator();
export default function App() {
return (
<NavigationContainer>
<Tab.Navigator tabBarOptions={{ showLabel: false, tabBarVisible: false }}>
<Tab.Screen name="Home" component={test} />
{/* <Tab.Screen
name="Chat"
component={Chat}
options={{
tabBarIcon: (props) => {
return <Icon name="chat-outline" size={35} color={props.color} />;
},
}}
/>
<Tab.Screen
name="ChatList"
component={ChatList}
options={{
tabBarIcon: (props) => {
return (
<Icon name="account-outline" size={35} color={props.color} />
);
},
}}
/> */}
</Tab.Navigator>
</NavigationContainer>
);
}
const test = ({ navigation }) => {
return (
<Stack.Navigator>
<Stack.Screen name="test1" component={test1}></Stack.Screen>
</Stack.Navigator>
);
};
// Cannot update a compoennt from inside라는 경고
가 계속나오네요.. 잘모르겠슨비다 ㅠ
가 계속나오네요.. 잘모르겠슨비다 ㅠ
답변 1
1
김범준
지식공유자
안녕하세요 dureotkd123 님,
혹시 리액트 내이게이션 버전이 어떻게 되나요?
리액트 내비게이션 6 버전부터 tabBarVisible 옵션을 사용할 수 없습니다.
관련된 내용은 아래 링크를 참조하시기 바랍니다.
https://reactnavigation.org/docs/upgrading-from-5.x/#the-tabbarvisible-option-is-no-longer-present
강의 촬영은 5버전으로 진행되었지만, 꼭 5버전을 사용해야 하는 것은 아닙니다.
오히려 저는 최신 버전을 사용하는 것을 권장합니다.
다만, 변경된 부분이 있기때문에, 공식 문서를 확인하면서 진행하시기 바랍니다.
감사합니다
네 공식문서 봤는데 없어서 tabBarVisible 옵션 말고 tabBarStyle display:none로 처리하였습니다 ㅎ 답변 감사합니다