本教程的实现效果如下:
为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下:
三方组件的地址:https://github.com/eyaleizenberg...Component {
state = {
datePickerModalVisible: false, //选择器显隐标记
chooseDate: new Date() //选择的日期...), 'time'(时间), 'datetime'(日期和时间)
minimumDate={new Date()} //最小时间 (这里设置的是当前的时间)...minuteInterval={30} //最小时间间隔 (这里设置的是30分钟)
date={this.state.chooseDate} //默认的时间...,
marginBottom: 10,
},
});
AppRegistry.registerComponent('Demo', () => Demo);
写好了,在terminal中运行