Manual installation

npm install react-native-cz-calendar --save

Usage

1.引入组件

import Calendar from 'react-native-cz-calendar';

iOS: 在Podfile中加入

pod 'RNCzCalendar', :path => '../node_modules/react-native-cz-calendar/ios/RNCzCalendar.podspec'

然后执行

pod install

使用

<Calendar
   evaluateView={ (calendar) => {this.calendar = calendar} }
   confirmAction={this._confirmAction}
/>

2.属性:

type: 1.单选组件 2.双选组件(暂只支持单选)

bottomSpace: 类型iPhoneX这种底部给间隙，不然会被遮挡部分底部

3.属性方法:

evaluateView: 赋值当前对象

confirmAction: 点击确定按钮回调: {'date': 2010-05-10,'arr': [2010,5,10]}

4.供外部调用的方法:

/*
* 显示日历
* data = {'date': '2010-05-10'}
* */
this.calendar.show(data = {})

/*
* 隐藏日历
* */
this.calendar.hide: 隐藏日历