react-native-stylesheet-merge
v1.0.1
Published
Merge the child object which has the key 'ios' or 'android' with the parent object, and create a StyleSheet object.
Downloads
9
Maintainers
Readme
react-native-styleseet-merge
Installation
yarn add react-native-stylesheet-merge
Usage
import { StyleSheet } from 'react-native-styleseet-merge';
const styles = StyleSheet.create({
containerStyle: {
flex: 1,
ios: {
flexDirection: 'column',
justifyContent: 'center',
}
android: {
flexDirection: 'row',
justifyContent: 'flex-start',
}
},
});
On iOS platform, above code is equivalent to that below.
import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
containerStyle: {
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
},
});
Likewise on Android platform that would be like this.
import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
containerStyle: {
flex: 1,
flexDirection: 'row',
justifyContent: 'flex-start',
},
});
createObject Function
Utility function to get a merged object according to the current platform(ios/android)
import { createObject } from 'react-native';
console.log(createObject({
company: null,
ios: {
company: 'apple'
},
anrdoid: {
company: 'google'
},
}));
// ios output: { company: 'apple' }
// android output: { company: 'google' }
License
MIT License.