Skip to content

Instantly share code, notes, and snippets.

@marlonschlosshauer

marlonschlosshauer/with-navigation-decorator.tsx

Created December 23, 2022 15:31
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save marlonschlosshauer/ee51b154365b84c5512c87c54497d059 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save marlonschlosshauer/ee51b154365b84c5512c87c54497d059 to your computer and use it in GitHub Desktop.
Download ZIP
Storybook Decorator to use React (Native) Navigation
Raw
with-navigation-decorator.tsx
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import React from 'react';
const Stack = createNativeStackNavigator();
export const withNavigation = (story: () => JSX.Element) => {
const Screen = () => story();
return (
<NavigationContainer independent={true}>
<Stack.Navigator>
<Stack.Screen name="Dummy" component={Screen} options={{ header: () => null }} />
</Stack.Navigator>
</NavigationContainer>
)
}
@marlonschlosshauer
Copy link
Author

marlonschlosshauer commented Dec 23, 2022

Mostly taken from this post on this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment