More Premium Hugo Themes Premium React Themes

React Native Event Calendar

A React-Native iOS style calendar implemented using VirtualizedList.

React Native Event Calendar

A React-Native iOS style calendar implemented using VirtualizedList.

Author Avatar Theme by joshjhargreaves
Github Stars Github Stars: 218
Last Commit Last Commit: Apr 1, 2021 -
First Commit Created: Feb 24, 2024 -
React Native Event Calendar screenshot

Overview

The React Native Event Calendar is an iOS style calendar for React Native applications, implemented using VirtualizedList. It offers a range of features and customization options for developers to integrate a calendar view into their mobile applications.

Features

  • onRef: Function to set the EventCalendar reference
  • events: Array of events to display on the calendar
  • width: Container width for the calendar
  • format24h: Option to use 24-hour or 12-hour format
  • Header: Customizable header date format
  • upperCaseHeader: Set date header as uppercase
  • headerStyle: Styling options for the header
  • renderEvent: Custom function to render event components
  • eventTapped: Function triggered on event press

Installation

To install the React Native Event Calendar, run the following command in your project directory:

npm i --save react-native-events-calendar

Summary

The React Native Event Calendar provides a versatile calendar solution for React Native applications, offering features like event rendering, date formatting, and customization options for styling. It is easy to install and configure, making it a valuable tool for developers looking to implement a calendar view in their mobile apps. The package also allows for contributions and easy testing through example projects, making it a collaborative and developer-friendly solution.