react-native-thumbnail-selector

Table of contents

• Installation
• Support
• Demo
• Usage
• Props

Installation

yarn	yarn add react-native-thumbnail-selector
npm	npm install react-native-thumbnail-selector --save

Support

react version	react-native version	package version	reason
v16.8.0	v0.61.0	>=3.0.0	React hooks and usage of useWindowDimensions

Demo

Usage

import React from 'react';
import { Animated } from 'react-native';
import ThumbnailSelector from 'react-native-thumbnail-selector';

const thumbnails = [
  {
    caption: 'react-native',
    imageSrc: { uri: 'https://reactnative.dev/img/pwa/manifest-icon-512.png' },
  },
  {
    caption: 'Dolore do magna ullamco nisi quis.',
    imageSrc: { uri: 'https://reactnative.dev/img/pwa/manifest-icon-512.png' },
  },
];

export default function App(): React.JSX.Element {
  // use toggle to show and hide ThumbnailSelector
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  let toggle = () => new Promise<Animated.EndResult>(res => res);

  return (
    <ThumbnailSelector
      thumbnails={thumbnails}
      toggle={func => (toggle = func)}
    />
  );
}