9.5.3 프로필 화면 > 헤더 변경 작업 이후 나타나는 경고

[Choiguevara88]

src/navigations/MainTakb.js 의 MainTab 컴포넌트에 route 관련 내용을 추가하는 코드를 작업하고 나니,
에뮬레이터 화면 하단에 경고가 뜨는데 혹시 이게 어떤 연유에서 그러는지 알 수 있을까요?

[Alchemist85K]

안녕하세요 @Choiguevara88

route의 state에 직접 접근해서 발생하는 경고메시지 입니다.
리액트 내비게이션에서 제공하는 getFocusedRouteNameFromRoute를 이용하는 코드로 변경하면 해결할 수 있습니다.

+ import { getFocusedRouteNameFromRoute } from '@react-navigation/native';

- const titles = route.state?.routeNames || ['Channels'];
- const index = route.state?.index || 0;
+ const screenName = getFocusedRouteNameFromRoute(route) || 'Channels';

navigation.setOptions({
-    headerTitle: titles[index],
+    headerTitle: screenName,
      headerRight: () =>
-        index === 0 && (
+        screenName === 'Channels' && (
              <MaterialIcons
                  name="add"
                  size={26}
                  style={{ margin: 10 }}
                  onPress={() => navigation.navigate('Channel Creation')}
              />
          ),
});

감사합니다.

[Choiguevara88]

말씀하신대로 소스를 수정하니 해결되었습니다.
감사합니다.