react-native-bpk-theming
v2.0.1
Published
Backpack React Native theming utlities.
Downloads
198
Maintainers
Keywords
Readme
react-native-bpk-theming
Backpack React Native theming utilities.
Installation
npm install react-native-bpk-theming --save-dev
Usage
import { Component } from 'react';
import { View } from 'react-native';
import BpkThemeProvider from 'react-native-bpk-theming';
import BpkButton from 'react-native-bpk-component-button';
const theme = {
buttonPrimaryGradientStartColor: '#fce134',
buttonPrimaryGradientEndColor: '#f8c42d',
buttonPrimaryTextColor: '#2d244c',
buttonSecondaryBackgroundColor: '#fff',
buttonSecondaryTextColor: '#2d244c',
buttonSecondaryBorderColor: '#2d244c',
buttonLinkTextColor: '#fce134',
};
export default class App extends Component {
render() {
return (
<BpkThemeProvider theme={theme}>
<BpkButton type="primary" title="Book flight" onPress={() => {}} />
<BpkButton type="secondary" title="Book flight" onPress={() => {}} />
</BpkThemeProvider>
);
}
}
Props
| Property | PropType | Required | Default Value | | ----------- | --------- | -------- | ------------- | | children | node | true | - | | theme | object | true | - |