Authored by 于良

日历选择控件确定取消按钮居中 review by yewanwan

... ... @@ -560,7 +560,7 @@ export default class Calendar extends Component {
return (
<View style={styles.buttonContainer}>
<TouchableOpacity onPress={() => {this.props.onCancel()}} style={styles.button}>
<Text style={[styles.text, styles.cancelText]}>
<Text style={styles.text}>
取消
</Text>
</TouchableOpacity>
... ... @@ -587,8 +587,6 @@ export default class Calendar extends Component {
const styles = StyleSheet.create({
buttonContainer: {
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
borderTopWidth: 0.5,
borderTopColor: '#B0B0B0',
backgroundColor: 'white',
... ... @@ -598,9 +596,11 @@ const styles = StyleSheet.create({
height: 44,
borderBottomWidth: 0.5,
borderBottomColor: '#B0B0B0',
alignSelf: 'center',
alignItems: 'center',
justifyContent: 'center',
},
text: {
paddingTop: 15,
fontSize: 14,
color: '#444444',
textAlign: 'center',
... ... @@ -608,7 +608,7 @@ const styles = StyleSheet.create({
},
seprator: {
width: 0.5,
height: 35,
height: 44,
backgroundColor: '#B0B0B0',
},
});
... ...