在ios中的对话框中的react-native日历选择器

Question

在react-native-ios中，我使用react-native-datepicker从日历中选择日期。 为此，我使用以下链接： Date Picker in react-native-ios

我在渲染方法中添加以下代码：

<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中实施该方法的方法是什么。

我想将日期选择器放在NavBar右键单击上。

Answer 1

我正在使用此库：https://github.com/xgfe/react-native-datepicker

它也很棒，跨平台。

Answer 2

我仍然不确定您要实现的目标，但除非您将<DatePicker/>移到<TouchableOpacity/>之外，否则上述代码将无效。一旦你移出它，它应该按照包的预期打开选择器。