import ThumbnailSelector from 'react-native-thumbnail-selector';
export default class App extends Component {
  componentDidMount() {
    this._show();
  }
  _show = () => {
    this.thumbnailSelectorRef.show();
  };
  _hide = () => {
    this.thumbnailSelectorRef.hide();
  };
  _onSelect = (item, index) => {
    this._hide();
  };
  render() {
    const reactNativeImage = 'https://facebook.github.io/react-native/docs/assets/favicon.png';
    // thumbnail objects are require to have image and caption properties.
    const thumbnails = [{ image: reactNativeImage, caption: 'Logo' }];
    return (
      <ThumbnailSelector
        ref={ref => this.thumbnailSelectorRef = ref}
        thumbnails={thumbnails}
        onSelect={this._onSelect}
      />
    );
  }
}