import { NavigationContainer } from '@react-navigation/native'
import { createNativeStackNavigator } from '@react-navigation/native-stack'
import { OptimizationNavigationContainer, OptimizationProvider } from '@contentful/optimization-react-native'
const Stack = createNativeStackNavigator()
function App() {
return (
<OptimizationProvider instance={optimization}>
<OptimizationNavigationContainer>
{(navigationProps) => (
<NavigationContainer {...navigationProps}>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Details" component={DetailsScreen} />
</Stack.Navigator>
</NavigationContainer>
)}
</OptimizationNavigationContainer>
</OptimizationProvider>
)
}
Wrapper component that provides automatic screen tracking for React Navigation.
This component uses a render prop pattern to wrap React Navigation's NavigationContainer and automatically track screen views when the active route changes.