testshallpass / react-native-thumbnail-selector

A thumbnail selector to select items in a horizontal list.

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 ThumbnailSelector from 'react-native-thumbnail-selector';

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

function Example() {
  // use toggle to show and hide ThumbnailSelector
  let toggle = () => new Promise<unknown>(res => res);

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

export default Example;