@fruits-chain/react-native-xiaoshu
Version:
🌈 React Native UI library
60 lines (59 loc) • 1.53 kB
JavaScript
"use strict";
import { StyleSheet } from 'react-native';
export const varCreator = TOKENS => {
return {
nav_bar_arrow_size: 20,
nav_bar_height: 44,
nav_bar_gap: TOKENS.space_3,
nav_bar_background_color: TOKENS.white,
nav_bar_title_text_color: TOKENS.gray_8,
nav_bar_title_font_size: TOKENS.font_size_5,
nav_bar_icon_color: TOKENS.gray_8
};
};
export const styleCreator = cv => {
return StyleSheet.create({
bar: {
height: cv.nav_bar_height,
width: '100%',
justifyContent: 'center',
position: 'relative',
backgroundColor: cv.nav_bar_background_color,
paddingHorizontal: cv.nav_bar_gap
},
left: {
position: 'absolute',
top: 0,
bottom: 0,
left: cv.nav_bar_gap,
flexDirection: 'row',
alignItems: 'center',
zIndex: 3
// backgroundColor: '#f30', // to test ui
},
back_arrow: {
color: cv.nav_bar_icon_color,
// marginRight: cv.padding_base,
height: cv.nav_bar_height,
minWidth: cv.nav_bar_arrow_size,
justifyContent: 'center'
// backgroundColor: '#000', // to test ui
},
right: {
position: 'absolute',
top: 0,
bottom: 0,
right: cv.nav_bar_gap,
flexDirection: 'row',
alignItems: 'center',
zIndex: 3
},
title_text: {
color: cv.nav_bar_title_text_color,
textAlign: 'center',
fontSize: cv.nav_bar_title_font_size,
fontWeight: 'bold'
}
});
};
//# sourceMappingURL=style.js.map