日期选择器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选择器中，应将代码替换为以下代码段，将isVisible替换为setVisible

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

希望有帮助。毫无疑问