0.0.1 • Published 6 years ago
react-native-spacing-mixin v0.0.1
React Native spacing mixin
Handy spacing mixin like in Bootstrap 4 (https://getbootstrap.com/docs/4.0/utilities/spacing/)
Usage
import {spacing} from 'react-native-spacing-mixin'
//
// your component code here
//
const styles = StyleSheet.create({
container: {
...spacing('px'),
// Equivalent to
// paddingHorizontal: 18,
},
card: {
...spacing('p'),
// Equivalent to
// padding: 18,
},
avatar: {
...spacing('mr', .5),
// Equivalent to
// paddingRight: 9,
},
});
Custom base spacing
You can specify custom base spacing for the whole app
import {spacingConf} from 'react-native-spacing-mixin'
spacingConf.spacing = 40;
0.0.1
6 years ago