React-native Date - Time Picker背景问题

Question

我在react-native项目中使用@react-native-community/datetimepicker。当我打开日期时间选择器并按下android的后退按钮时，状态不再被设置为false。以下是日期时间选择器的代码-

<ToggleButtonForPicker DownIcon={false} onButtonPress={()=>this.setState({ showDatePicker : true})} buttonTitle={this.state.selectedDate} />
{this.state.showDatePicker && 
<DateTimePicker
value={new Date(new Date().getFullYear()-18, 1, 1)}
minimumDate={new Date(1900, 1, 1)}
maximumDate={new Date(new Date().getFullYear()-18, 1, 1)}
locale={"en"}
timeZoneOffsetInMinutes={undefined}
modalTransparent={false}
animationType={"fade"}
androidMode={"default"}
placeHolderText="Date Of Birth"
textStyle={{ color: "black" }}
placeHolderTextStyle={{ opacity : 0.7}}
onChange={this.onDateChange}
disabled={false}
onTouchCancel = {()=>this.setState({showDatePicker : false})}
onCancel = {()=>this.setState({showDatePicker : false})}
// This is not working here (and I need this thing here so badly.)
onBackdropPress = {()=>this.setState({showDatePicker : false})}
/>
}

当我打开日期时间选择器并按下硬件后退按钮时，日期时间选择器接近，但在执行此过程后，当我试图在同一组件的任何TextInput中键入某些内容时，日期时间选择器会一次又一次自动出现。

Thanks In advance.

Answer 1

试试这个

onButtonPress={ () => this.setState({ showDatePicker : !this.state.showDatePicker}) }

Answer 2

onButtonPress={()=>this.setState({ showDatePicker : true})}

onButtonPress包括TextInput

提交更多代码详细解决