日期选择器 npm 在本机反应中不起作用

Question

我正在尝试使用 react-native-modal-datetime-picker我正在使用按钮打开 时间选择器，但它没有像我预期的那样弹出

这是我的构造函数道具

constructor (props) {
      super(props);
      this.state = {
         cdate: '',
         setDate: '',
         isVisible: false,
         setVisible: false,

      }

内部渲染

render() {

  const { cdate, isVisible, setDate, setVisible } = this.state;

    return (
      <View style={styles.gridContainer}>

              <Text>{cdate}</Text>
      <Button title="Show DatePicker" onPress={() => this.setState({ setVisible: true })} />
             <DateTimePicker
  mode="time"
  isVisible={isVisible}
  cdate={cdate}
  onConfirm={cdate => {
    setDate(cdate.toTimeString());
    setVisible(false);
  }}
  onCancel={() => this.setState({ setVisible: false })}
/>
            </View>
    );
  }
}

使用显示日期选择器按钮构建应用时没有任何错误，但是 当我按下按钮时，它没有显示应有的时间选择器

当我按下按钮时，我没有得到上图中的时钟

Answer 1

在你的<DateTimePicker /> 中你写了isVisible={isVisible} 但在

Button title="Show DatePicker" onPress={() => this.setState({ setVisible: true })}   ,

您将 setVisible 设置为 true，因此在 dateTime 选择器中，您应该将代码替换为以下 sn-p ，isVisible 与 setVisible 正在被替换

     < DateTimePicker
  mode="time"
  isVisible={setVisible}
  cdate={cdate}
  onConfirm={cdate => {
    this.setState({setDate:cdate.toTimeString(),setVisible:false})
  }}
  onCancel={() => this.setState({ setVisible: false })}
/>

希望对您有所帮助。如有疑问，请随意