UNPKG

react-native-calendar-strip-slide-navigation

Version:

This is a fork of react-native-calendar-strip updated Slide navigation for selected dates

40 lines (35 loc) 1.28 kB
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, {Component} from 'react'; import { AppRegistry, View } from 'react-native'; import CalendarStrip from 'react-native-calendar-strip'; class ReactNativeCalendarStrip extends Component { render() { return ( <View> <CalendarStrip calendarAnimation={{type: 'sequence', duration: 30}} selection={'background'} selectionAnimation={{duration: 300, borderWidth: 2}} style={{paddingTop: 20, paddingBottom: 10}} calendarHeaderStyle={{color: 'white'}} calendarColor={'#7743CE'} highlightColor={'#9265DC'} dateNumberStyle={{color: 'white'}} dateNameStyle={{color: 'white'}} borderHighlightColor={'white'} iconLeft={require('./img/left-arrow.png')} iconRight={require('./img/right-arrow.png')} iconContainer={{flex: 0.1}} /> </View> ); } } AppRegistry.registerComponent('ReactNativeCalendarStripExample', () => ReactNativeCalendarStrip);