My React Native application has a screen HomeScreen
(it is not the first screen that we see when we open the screen). Upon visiting this screen, I don't see any warning.
From the HomeScreen
, I visit another screen, followed by another etc. Then, when I return to the HomeScreen
, I see this warning:
Could not locate shadow view with tag #5469, this is probably caused by a temporary inconsistency between native views and shadow views.
The Navigation scheme is somewhat 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> );};
HomeScreen:
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 reason for this warning?