tabBarVisible 옵션이 안먹는데 왜그러는건지 잘모르겠습니다..ㅠ

Question

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 ; }; const test2 = () => { return < Text > zzz ; }; 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 } /> { /* { return ; }, }} /> { return ( ); }, }} /> */ } ) ; } const test = ({ navigation }) => { return ( < Stack.Navigator > < Stack.Screen name = " test1 " component = { test1 } > ) ; }; // Cannot update a compoennt from inside라는 경고 가 계속나오네요.. 잘모르겠슨비다 ㅠ

김범준 · Answer

안녕하세요 dureotkd123 님, 혹시 리액트 내이게이션 버전이 어떻게 되나요? 리액트 내비게이션 6 버전부터 tabBarVisible 옵션을 사용할 수 없습니다. 관련된 내용은 아래 링크를 참조하시기 바랍니다. https://reactnavigation.org/docs/upgrading-from-5.x/#the-tabbarvisible-option-is-no-longer-present 강의 촬영은 5버전으로 진행되었지만, 꼭 5버전을 사용해야 하는 것은 아닙니다. 오히려 저는 최신 버전을 사용하는 것을 권장합니다. 다만, 변경된 부분이 있기때문에, 공식 문서를 확인하면서 진행하시기 바랍니다. 감사합니다