Skip to content

chore: upgrade react native, expo and storybook #685

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
georgewrmarshall wants to merge 9 commits into
base: main
Choose a base branch
from
Draft

chore: upgrade react native, expo and storybook #685

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
33dceac
chore: upgrading react native and storybook
georgewrmarshall Oct 1, 2025
e82725a
chore: web kind of working
georgewrmarshall Oct 2, 2025
fe00600
chore: web working
georgewrmarshall Oct 2, 2025
7dc0acd
android working
georgewrmarshall Oct 2, 2025
58d4d5c
chore: theme working
georgewrmarshall Oct 2, 2025
481c36c
chore: clean up
georgewrmarshall Oct 2, 2025
44a9d78
chore: implementing expo-font
georgewrmarshall Nov 11, 2025
7079c07
chore: making storybook render by default
georgewrmarshall Nov 11, 2025
dd2c993
chore: linting fixes to ignore storybook files from typescript and al…
georgewrmarshall Nov 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore: theme working
  • Loading branch information
@georgewrmarshall
georgewrmarshall committed Nov 11, 2025
commit 58d4d5c9cf66f4cf336776a3e08a3570a0d0bffe
10 changes: 9 additions & 1 deletion apps/storybook-react-native/.rnstorybook/preview.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,15 @@
import React from 'react';
import type { Preview } from '@storybook/react';
import { StorybookProvider } from '../.storybook/StorybookProvider';

const preview: Preview = {
decorators: [],
decorators: [
(Story) => (
<StorybookProvider>
<Story />
</StorybookProvider>
),
],
};

export default preview;
10 changes: 7 additions & 3 deletions apps/storybook-react-native/.storybook/StorybookProvider.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react';
import { View, useColorScheme } from 'react-native';
import { ThemeProvider, Theme } from '@metamask/design-system-twrnc-preset';

interface StorybookProviderProps {
children: React.ReactNode;
Expand All @@ -11,10 +12,13 @@ export const StorybookProvider: React.FC<StorybookProviderProps> = ({
const colorScheme = useColorScheme();
// Handle null case by defaulting to light mode
const isDarkMode = colorScheme === 'dark';
const theme = isDarkMode ? Theme.Dark : Theme.Light;

return (
<View style={{ backgroundColor: isDarkMode ? '#000' : '#fff', flex: 1 }}>
{children}
</View>
<ThemeProvider theme={theme}>
<View style={{ flex: 1, padding: 16 }}>
{children}
</View>
</ThemeProvider>
);
};