react-native calendar picker in dialog in ios

63lcw9qa  于 2023-03-24  发布在  React
关注(0)|答案(2)|浏览(297)

react-native-ios中,我使用react-native-datepicker从日历中选择日期。为此,我使用以下链接:Date Picker in react-native-ios
我在render方法中添加以下代码:

<View style={styles.buttonContainer}>
   <TouchableOpacity
     style={[styles.bubble, styles.button]}
     onPress={() => this.openCalender()}>

     <DatePicker
       style={{width: 150}}
       date={this.state.date}
       mode="date"
       placeholder="Date"
       format="YYYY-MM-DD"
       minDate="2015-01-01"
       maxDate="2025-12-01"
       confirmBtnText="Confirm"
       cancelBtnText="Cancel"
       iconSource={require('./assets/cal.png')}
       onDateChange={(date) => {this.setState({date: date});}}
     />
   </TouchableOpacity>
 </View>

但是我想在对话框中添加这个日期选择器。在react-native-ios中实现它的方法是什么?
我想把日期选择器上导航栏右键单击。

m528fe3b

m528fe3b1#

我正在使用这个库:https://github.com/xgfe/react-native-datepicker
它也很好用,而且是跨平台的。

30byixjq

30byixjq2#

我仍然不确定你想达到什么目的,但是你上面的代码将无法工作,除非你将<DatePicker/>移动到<TouchableOpacity/>之外。一旦你将其移动出去,它应该会像软件包所期望的那样打开选择器。

相关问题