@ant-design/react-native
Version:
基于蚂蚁金服移动设计规范的 React Native 组件库
45 lines • 1.33 kB
JavaScript
import { StyleSheet } from 'react-native';
export default (function (theme) {
return StyleSheet.create({
container: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center'
},
input: {
flex: 1,
textAlign: 'center',
paddingHorizontal: 8,
fontSize: theme.input_font_size,
color: theme.color_text_base
},
stepWrap: {
width: 28,
height: 28,
borderWidth: theme.border_width_md,
borderColor: theme.border_color_base,
borderRadius: theme.radius_md,
backgroundColor: theme.fill_base
},
stepText: {
textAlign: 'center',
fontSize: 20,
color: theme.color_text_placeholder,
backgroundColor: 'transparent'
},
stepDisabled: {
borderColor: theme.color_text_disabled,
backgroundColor: theme.fill_disabled
},
disabledStepTextColor: {
color: theme.color_text_disabled
},
highlightStepTextColor: {
color: theme.brand_primary
},
highlightStepBorderColor: {
borderColor: theme.brand_primary
}
});
});