React-native 日期时间选择器背景问题答案

【问题标题】：React-native Date Time Picker Backdrop IssueReact-native 日期时间选择器背景问题
【发布时间】：2021-02-24 07:09:19
【问题描述】：

我在我的 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 中键入内容时，日期时间选择器会一次又一次地出现自动。

提前致谢。

【问题讨论】：

标签： android reactjs react-native redux datetimepicker

【解决方案1】：

试试这个方法

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

【讨论】：

仍然面临同样的问题。我已经尝试过这些解决方案。我说的是当日期选择器打开时按下硬件后退按钮，然后尝试在同一组件的 TextInput 中键入一些内容。

【解决方案2】：

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

onButtonPress 包括TextInput

提交更多代码获取详细解决方案

【讨论】：