In my react native app, I have a screen called the HomeScreen (though it's not the first screen that we see when we open the screen). When I visit this screen, I don't see any warning. From the HomeScreen, I visit another screen, followed by another etc. Then, when I return to my HomeScreen, I see the warning that:
Could not locate shadow view with tag #5469, this is probably caused by a temporary inconsistency between native views and shadow views.My navigation scheme looks like this:
export type AppStackParamList = { Home: undefined; AddFriend: undefined; AllFavouriteLocations: undefined; EditFavouriteLocation: undefined;}const NavigationStack = createStackNavigator<AppStackParamList>();....return (<Suspense fallback="loading"><Provider store={store}><StyleProvider style={getTheme(material)}><ApolloProvider client={client}><SafeAreaProvider><NavigationContainer><NavigationStack.Navigator initialRouteName="Test" screenOptions={{ gestureEnabled: false, }}><NavigationStack.Screen name="Test" component={TestScreen} options={{ headerShown: false }} /><NavigationStack.Screen name="Home" component={HomeScreen} options={{ headerShown: false }} /><NavigationStack.Screen name="AddFriend" component={AddFriendScreen} options={{ headerShown: false, }} /></NavigationStack.Navigator></NavigationContainer></SafeAreaProvider></ApolloProvider></StyleProvider></Provider></Suspense> );};The HomeScreen looks somewhat like this:
return (<View style={styles.container}><View style={styles.mapContainer}><MapContainer /></View><HamburgerIcon /><HomeSwipeablePanel /><View style={styles.buttonContainer}><EnterDestinationButton resetLocation={resetLocation} navigation={navigation} locations={locations} /></View></View> );};const styles = StyleSheet.create({ mapContainer: { flex: 3, }, container: { flex: 1, }, buttonContainer: { position: 'absolute', width: '100%', height: moderateScale(SCREEN_HEIGHT * 0.1), bottom: scale(5), alignItems: 'center', },});What could be the possible reasons for this warning?