Skip to content

Commit 6bbe20c

Browse files
committed
fix(index) fix select panel touch cancel bug for ios
1 parent 9951e72 commit 6bbe20c

File tree

2 files changed

+29
-25
lines changed

2 files changed

+29
-25
lines changed

index.js

Lines changed: 28 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -194,30 +194,34 @@ class DatePicker extends Component {
194194
underlayColor={'#00000077'}
195195
onPress={this.onPressCancel}
196196
>
197-
<View style={Style.datePickerCon}>
198-
<DatePickerIOS
199-
date={this.state.date}
200-
mode={this.mode}
201-
minimumDate={this.props.minDate && this.getDate(this.props.minDate)}
202-
maximumDate={this.props.maxDate && this.getDate(this.props.maxDate)}
203-
onDateChange={(date) => this.setState({date: date})}
204-
style={Style.datePicker}
205-
/>
206-
<TouchableHighlight
207-
underlayColor={'transparent'}
208-
onPress={this.onPressCancel}
209-
style={[Style.btnText, Style.btnCancel]}
210-
>
211-
<Text style={[Style.btnTextText, Style.btnTextCancel]}>取消</Text>
212-
</TouchableHighlight>
213-
<TouchableHighlight
214-
underlayColor={'transparent'}
215-
onPress={this.onPressConfirm}
216-
style={[Style.btnText, Style.btnConfirm]}
217-
>
218-
<Text style={Style.btnTextText}>确定</Text>
219-
</TouchableHighlight>
220-
</View>
197+
<TouchableHighlight
198+
underlayColor={'#fff'}
199+
>
200+
<View style={Style.datePickerCon}>
201+
<DatePickerIOS
202+
date={this.state.date}
203+
mode={this.mode}
204+
minimumDate={this.props.minDate && this.getDate(this.props.minDate)}
205+
maximumDate={this.props.maxDate && this.getDate(this.props.maxDate)}
206+
onDateChange={(date) => this.setState({date: date})}
207+
style={Style.datePicker}
208+
/>
209+
<TouchableHighlight
210+
underlayColor={'transparent'}
211+
onPress={this.onPressCancel}
212+
style={[Style.btnText, Style.btnCancel]}
213+
>
214+
<Text style={[Style.btnTextText, Style.btnTextCancel]}>取消</Text>
215+
</TouchableHighlight>
216+
<TouchableHighlight
217+
underlayColor={'transparent'}
218+
onPress={this.onPressConfirm}
219+
style={[Style.btnText, Style.btnConfirm]}
220+
>
221+
<Text style={Style.btnTextText}>确定</Text>
222+
</TouchableHighlight>
223+
</View>
224+
</TouchableHighlight>
221225
</TouchableHighlight>
222226
</Modal>}
223227
</View>

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-native-datepicker",
3-
"version": "1.0.0",
3+
"version": "1.0.2",
44
"description": "react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS",
55
"main": "index.js",
66
"scripts": {

0 commit comments

Comments
 (0)