# react-native-calendar-view

**Repository Path**: zfWebSies/react-native-calendar-view

## Basic Information

- **Project Name**: react-native-calendar-view
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-08
- **Last Updated**: 2021-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 日历（react-native-calendar-view）


一、安装
将react-native-calendar-view文件拷贝到项目的library中，install，然后link

二、使用
1.在RN中引入文件

    import CalendarView from 'react-native-calendar-view'
2.引入日历组件

    <CalendarView
    
            需要添加的属性
    />
3.可以定义的属性

    dateArray={需要添加标记的日期}（需要传数组）
    width={显示的长（针对iOS的）}
    height={显示的h高（针对iOS的）}
    todayColor={今天需要显示的颜色}
    selectionColor={选中某个日期的颜色}
    eventDefaultColor={标记的颜色}
    weekdayTextColor={顶部周几的颜色}
    headerTitleColor={顶部年份和月份显示颜色}
    calendarBackgroundColor={日历背景颜色}
    titleDefaultColor={文字颜色}
    showLunar={是否显示阴历}
    chinese={是否是中文（只针对iOS）}
    showEvent={是否显示事件（只针对iOS）}
    allowsMultipleSelectio={是否允许多选（false就行）}
    square={是否以正方形显示（false就行）}
    showHoliday={是否显示周末（只针对android）}
    minAndMaxDate={日历的最小日期和最大日期（边界值）}（需要传数组）
    onClickDate={(dateDic)=>{
       点击日历上的日期回调给RN，获取值的方法：dateDic.nativeEvent.date
    }}
    onChangeCalendarHeight={(dateDic)=>{
        滑动日历获取高度，获取值的方法：dateDic.nativeEvent.calendarHeight
    }}
4.注意
（1）需要注意的是，上面的属性前三个的定义顺序必须是前面，否则iOS无法显示出日历
（2）上面所有的颜色都传字符串类型的16进制颜色，如“#FFFFFF”
（3）所有要传给原生的日期格式都是yyyy-MM-dd（中间用横杠），原生传给RN的也是同样的格式
（4）上面的属性最好都给设定上值，以保证iOS和android原生日历一致