react-native-calendar-date-range-picker

React native calendar range picker

Preview

Getting Started

Installation

Requirements

yarn add react-native-reanimated-zoom react-native-safe-area-context react-native-gesture-handler recyclerlistview

npm i react-native-reanimated-zoom react-native-safe-area-context react-native-gesture-handler recyclerlistview

npm

npm i react-native-rtl-gallery

Yarn

yarn add react-native-rtl-gallery

Props

| Property | Required | Type | Default | Description | |-------------|----|----------|-------|--------------------------------------------------------------| | imageProps | No | ImageProps | Default image props for the outer image | | galleryProps | No | GalleryExtraProps | Props to be passed to Gallery | | images | Yes | GalleryImage[] | [] | Array of images in Gallery | | onGalleryClosedCb | No | Function | () => undefined | Function that's triggered on gallery close |

GalleryExtraProps | Property | Required | Type | Default | Description | |-------------|----|----------|-------|--------------------------------------------------------------| | rightComponent | No | ReactNode | undefined | Create right header component on gallery | | leftComponent | No | ReactNode | undefined | Replace back component on gallery | | bottomBarContent | No | ReactNode | undefined | Add bottom component to gallery |

Types

GalleryImage {
  id: string;
  uri: string;
};