日历选择控件确定取消按钮居中 review by yewanwan
Showing
1 changed file
with
5 additions
and
5 deletions
@@ -560,7 +560,7 @@ export default class Calendar extends Component { | @@ -560,7 +560,7 @@ export default class Calendar extends Component { | ||
560 | return ( | 560 | return ( |
561 | <View style={styles.buttonContainer}> | 561 | <View style={styles.buttonContainer}> |
562 | <TouchableOpacity onPress={() => {this.props.onCancel()}} style={styles.button}> | 562 | <TouchableOpacity onPress={() => {this.props.onCancel()}} style={styles.button}> |
563 | - <Text style={[styles.text, styles.cancelText]}> | 563 | + <Text style={styles.text}> |
564 | 取消 | 564 | 取消 |
565 | </Text> | 565 | </Text> |
566 | </TouchableOpacity> | 566 | </TouchableOpacity> |
@@ -587,8 +587,6 @@ export default class Calendar extends Component { | @@ -587,8 +587,6 @@ export default class Calendar extends Component { | ||
587 | const styles = StyleSheet.create({ | 587 | const styles = StyleSheet.create({ |
588 | buttonContainer: { | 588 | buttonContainer: { |
589 | flexDirection: 'row', | 589 | flexDirection: 'row', |
590 | - justifyContent: 'center', | ||
591 | - alignItems: 'center', | ||
592 | borderTopWidth: 0.5, | 590 | borderTopWidth: 0.5, |
593 | borderTopColor: '#B0B0B0', | 591 | borderTopColor: '#B0B0B0', |
594 | backgroundColor: 'white', | 592 | backgroundColor: 'white', |
@@ -598,9 +596,11 @@ const styles = StyleSheet.create({ | @@ -598,9 +596,11 @@ const styles = StyleSheet.create({ | ||
598 | height: 44, | 596 | height: 44, |
599 | borderBottomWidth: 0.5, | 597 | borderBottomWidth: 0.5, |
600 | borderBottomColor: '#B0B0B0', | 598 | borderBottomColor: '#B0B0B0', |
599 | + alignSelf: 'center', | ||
600 | + alignItems: 'center', | ||
601 | + justifyContent: 'center', | ||
601 | }, | 602 | }, |
602 | text: { | 603 | text: { |
603 | - paddingTop: 15, | ||
604 | fontSize: 14, | 604 | fontSize: 14, |
605 | color: '#444444', | 605 | color: '#444444', |
606 | textAlign: 'center', | 606 | textAlign: 'center', |
@@ -608,7 +608,7 @@ const styles = StyleSheet.create({ | @@ -608,7 +608,7 @@ const styles = StyleSheet.create({ | ||
608 | }, | 608 | }, |
609 | seprator: { | 609 | seprator: { |
610 | width: 0.5, | 610 | width: 0.5, |
611 | - height: 35, | 611 | + height: 44, |
612 | backgroundColor: '#B0B0B0', | 612 | backgroundColor: '#B0B0B0', |
613 | }, | 613 | }, |
614 | }); | 614 | }); |
-
Please register or login to post a comment