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

【问题标题】：react-native calender picker in dialog in iosios中对话框中的react-native日历选择器
【发布时间】：2016-10-18 09:05:58
【问题描述】：

在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 中实现它的方式是什么。

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

【问题讨论】：

尝试使用github.com/pandiaraj44/react-native-datepicker-dialog 轻松实现android和ios的日期选择器。

标签： ios datepicker react-native

【解决方案1】：

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

它也很好用并且可以跨平台。

【讨论】：

嘿，我还提到了date picker 的相同链接。但我希望日期选择器位于 Navigation bar 的右侧
好吧，你的链接失效了。我不明白导航栏右侧的意思。可以发一张预览图吗？
是的。我明白。但究竟什么不适合你呢？
我想把Datepicker放在NavBar，Right button点击。

【解决方案2】：

我仍然不确定您要实现什么，但是除非您将<DatePicker/> 移到<TouchableOpacity/> 之外，否则您上面的代码将无法工作。将其移出后，它应该会按照包装的预期打开选择器。

【讨论】：