Provider
For @redshank/native to work correctly, you need to set up the ThemeProvider at the root of your application.
Setup:
Go to the root of your application and do this:
import React from 'react';
import { ThemeProvider } from '@redshank/native';
const App = () => {
return (
<ThemeProvider>
...
</ThemeProvider>
)};
Editing theme:
You can override all default theme
import React from 'react';
import { ThemeProvider } from '@redshank/native';
const theme = {
colors: {
newColor: '#f1f1f1'
}
};
const App = () => {
return (
<ThemeProvider theme={theme}>
...
</ThemeProvider>
)};
Theme object:
{
"type": "light", // light / dark
"theme": {
"colors": {},
"space": {},
"fontSizes": {},
"fonts": {},
"fontWeights": {},
"lineHeights": {},
"letterSpacings": {},
"sizes": {},
"borderWidths": {},
"borderStyles": {},
"radii": {},
"shadows": {},
"zIndices": {},
"transitions": {}
}
}
Community:
We're excited to see the community adopt @redshank/native, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!
DiscordGithubContributing:
PR's on @redshank/native are always welcome, please see our contribution guidelines to learn how you can contribute to this project.