src/styles/styles.js
import {StyleSheet} from 'react-native';
import {UIColors} from '../utils/ColorConstants';
/**
* General styles which can be used by all components
* @type {Object}
*/
const globalStyles = StyleSheet.create({
coverAll: {
height: '100%',
width: '100%',
},
background: {
height: '100%',
width: '100%',
backgroundColor: UIColors.BACKGROUND_VIEW,
position: 'absolute',
},
text: {
fontSize: 30,
},
border: {
borderWidth: 1,
borderColor: 'black',
},
circle: {
borderRadius: 100,
},
softEdges: {
borderRadius: 30,
},
shadow: {
shadowOffset: {
width: 1,
height: 2,
},
shadowOpacity: 0.5,
shadowRadius: 3,
},
lightShadow: {
shadowOffset: {
width: 1,
height: 2,
},
shadowOpacity: 0.2,
shadowRadius: 3,
},
fillWidth: {
width: '100%',
aspectRatio: 1,
},
resetImage: {
flex: 1,
height: undefined,
width: undefined,
resizeMode: 'contain',
},
avatarFace: {
height: '25%',
aspectRatio: 1,
backgroundColor: UIColors.BACKGROUND_AVATAR,
},
drawingButton: {
flex: 1,
justifyContent: 'center',
},
});
export {globalStyles};