@os-design-mobile/theming v1.0.41
@os-design-mobile/theming
Before you start using the os-design-mobile components, you need to add the ThemeProvider that will apply the theme to all the components used.
Installation
Step 1. Install the package
Install the package using the following command:
yarn add @os-design-mobile/theming
Also make sure that you have the @emotion/native and @react-native-async-storage/async-storage packages installed.
Step 2. Redefine the emotion theme
Create the emotion.d.ts
file with the following content:
import '@emotion/react';
import { Theme as BaseTheme } from '@os-design-mobile/theming';
declare module '@emotion/react' {
// eslint-disable-next-line @typescript-eslint/no-empty-interface
export interface Theme extends BaseTheme {}
}
Step 3. Wrap your app in ThemeProvider
For example:
import React from 'react';
import { ThemeProvider } from '@os-design-mobile/theming';
import AppNavigator from './AppNavigator';
const App: React.FC = () => (
<ThemeProvider>
<AppNavigator />
</ThemeProvider>
);
export default App;
See all theming features in the os-design's Storybook.
10 months ago
10 months ago
8 months ago
8 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago