https://github.com/ifechukwudaniel/react-native-scroll-month-calendar

A simple React Native scroll calender for Months
https://github.com/ifechukwudaniel/react-native-scroll-month-calendar

react react-native react-native-calendar react-native-scroll-month-calendar

Last synced: 11 months ago
JSON representation

A simple React Native scroll calender for Months

• Host: GitHub
• URL: https://github.com/ifechukwudaniel/react-native-scroll-month-calendar
• Owner: Ifechukwudaniel
• License: mit
• Created: 2020-03-10T11:52:07.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-03-14T22:03:25.000Z (about 6 years ago)
• Last Synced: 2025-05-12T19:16:05.658Z (about 1 year ago)
• Topics: react, react-native, react-native-calendar, react-native-scroll-month-calendar
• Language: JavaScript
• Size: 61.5 KB
• Stars: 13
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# react-native-scroll-month-calendar 





The package allows you accept  create a horizontal month calender and its content , quick  easy and fast  .

### Compatibility

Our release cycle is independent of `react-native`. We follow semver and here is the compatibility table:

| `@react-native-scroll-month-calendar` | react-native |

| :------------------------------- | ------------ |

| ^0.0.8                             | ^0.59        |

### [](https://github.com/Ifechukwudaniel/react-native-scroll-month-calendar#installation)Installation

Add react-native-scroll-month-calendar  to your project by running;

`npm install react-native-scroll-month-calendar`

or

`yarn add react-native-scroll-month-calendar`

and that's it, you're all good to go!

### [](https://github.com/Ifechukwudaniel/react-native-scroll-month-calendar#usage)Usage

```javascript

import {ScrollMonthCalender} from 'react-native-scroll-month-calender'

import React, {Component} from 'react';

import {View} from 'react-native';

class MyApp extends Component {

   myHistory= [

          {month:"January", content: "jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"February", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"March", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"April", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"May", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"June", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"July", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"August", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"September", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"October", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"November", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"},

        {month:"December", content:"jdjjdjdjdjdjdjdjdjdjdjdjd"}

    ]

  render() {

    return (

      

         {}}/>

        />

      

    );

  }

}

```

## Note:

You can also make use of the new props `enableDefaultStyles` to use the default style.

### Don't forget to star, like and share :)