From cb143329551b424470a50f0fd6ac9eda749f8f8e Mon Sep 17 00:00:00 2001
From: Zuxuan Liang <lzxglhf@live.com>
Date: Tue, 29 Dec 2015 22:19:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8F=96=E6=B6=88=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=92=8CpickerTitle=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.js | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 1707f95..f2fb25a 100644
--- a/index.js
+++ b/index.js
@@ -22,7 +22,10 @@ export default class PickerAny extends React.Component {
 
 	static propTypes = {
 		pickerBtnText: PropTypes.string,
+		pickerCancelBtnText: PropTypes.string,
 		pickerBtnStyle: PropTypes.any,
+		pickerTitle: PropTypes.string,
+		pickerTitleStyle: PropTypes.any,
 		pickerToolBarStyle: PropTypes.any,
 		pickerItemStyle: PropTypes.any,
 		pickerHeight: PropTypes.number,
@@ -34,6 +37,7 @@ export default class PickerAny extends React.Component {
 
 	static defaultProps = {
 		pickerBtnText: '完成',
+		pickerCancelBtnText: '取消',
 		pickerHeight: 250,
 		showDuration: 300,
 		onPickerDone: ()=>{}
@@ -56,7 +60,10 @@ export default class PickerAny extends React.Component {
 		//the pickedValue must looks like [wheelone's, wheeltwo's, ...]
 		//this.state.selectedValue may be the result of the first pickerWheel
 		let pickerBtnText = props.pickerBtnText;
+		let pickerCancelBtnText = props.pickerCancelBtnText;
 		let pickerBtnStyle = props.pickerBtnStyle;
+		let pickerTitle = props.pickerTitle;
+		let pickerTitleStyle = props.pickerTitleStyle;
 		let pickerToolBarStyle = props.pickerToolBarStyle;
 		let pickerItemStyle = props.pickerItemStyle;
 		let pickerHeight = props.pickerHeight;
@@ -97,7 +104,10 @@ export default class PickerAny extends React.Component {
 		this.pickerStyle = pickerStyle;
 		return {
 			pickerBtnText,
+			pickerCancelBtnText,
 			pickerBtnStyle,
+			pickerTitle,
+			pickerTitleStyle,
 			pickerToolBarStyle,
 			pickerItemStyle,
 			pickerHeight,
@@ -413,14 +423,20 @@ export default class PickerAny extends React.Component {
 				<Text style={styles.pickerMoveBtn} onPress={this._nextPressHandle.bind(this)}>下一个</Text>
 			</View>
 		);*/
-		let pickerBtn = null;
+		// let pickerBtn = null;
 		return (
 			<Animated.View style={[styles.picker, {
 				height: this.state.pickerHeight,
 				bottom: this.state.slideAnim
 			}]}>
 				<View style={[styles.pickerToolbar, this.state.pickerToolBarStyle]}>
-					{pickerBtn}
+					<View style={styles.pickerCancelBtn}>
+						<Text style={[styles.pickerFinishBtnText, this.state.pickerBtnStyle]}
+							onPress={()=>{this.toggle()}}>{this.state.pickerCancelBtnText}</Text>
+					</View>
+					<Text style={[styles.pickerTitle, this.state.pickerTitleStyle]} numberOfLines={1}>
+						{this.state.pickerTitle}
+					</Text>
 					<View style={styles.pickerFinishBtn}>
 						<Text style={[styles.pickerFinishBtnText, this.state.pickerBtnStyle]}
 							onPress={this._pickerFinish.bind(this)}>{this.state.pickerBtnText}</Text>
@@ -470,6 +486,18 @@ let styles = StyleSheet.create({
 		fontSize: 16,
 		marginLeft: 20
 	},
+	pickerCancelBtn: {
+		flex: 1,
+		flexDirection: 'row',
+		justifyContent: 'flex-start',
+		alignItems: 'center',
+		marginLeft: 20
+	},
+	pickerTitle: {
+		flex: 5,
+		color: 'black',
+		textAlign: 'center'
+	},
 	pickerFinishBtn: {
 		flex: 1,
 		flexDirection: 'row',
-- 
2.26.2