How to use the @shoutem/ui.ImageGallery.IMAGE_PREVIEW_MODE function in @shoutem/ui

To help you get started, we’ve selected a few @shoutem/ui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github shoutem / extensions / shoutem.photos / app / screens / PhotoDetailsScreen.js View on Github external
getNavbarProps() {
    const { selectedPhotoIndex, mode } = this.state;
    const { photos } = this.props;

    if (mode === ImageGallery.IMAGE_PREVIEW_MODE) {
      return {
        styleName: 'clear none',
      };
    }

    const selectedPhoto = photos[selectedPhotoIndex];

    return {
      styleName: 'clear',
      title: `${selectedPhotoIndex + 1} / ${photos.length}`,
      share: {
        title: _.get(selectedPhoto, 'title'),
        link: _.get(selectedPhoto, 'source.uri'),
      },
    };
  }
github shoutem / extensions / shoutem.rss-photos / app / screens / PhotoDetails.js View on Github external
getNavbarProps() {
    const { selectedPhotoIndex, mode } = this.state;
    const { photos } = this.props;

    if (mode === ImageGallery.IMAGE_PREVIEW_MODE) {
      return {
        styleName: 'clear none',
      };
    }

    const selectedPhoto = photos[selectedPhotoIndex];

    return {
      styleName: 'clear',
      title: `${selectedPhotoIndex + 1} / ${photos.length}`,
      share: {
        title: _.get(selectedPhoto, 'title'),
        link: _.get(selectedPhoto, 'source.uri'),
      },
    };
  }
github shoutem / extensions / shoutem-photos / app / screens / PhotoDetails.js View on Github external
getNavbarProps() {
    const { selectedPhotoIndex, mode } = this.state;
    const { photos } = this.props;

    if (mode === ImageGallery.IMAGE_PREVIEW_MODE) {
      return {
        styleName: 'clear none',
      };
    }

    const selectedPhoto = photos[selectedPhotoIndex];

    return {
      styleName: 'clear',
      title: `${selectedPhotoIndex + 1} / ${photos.length}`,
      share: {
        title: _.get(selectedPhoto, 'title'),
        link: _.get(selectedPhoto, 'source.uri'),
      },
    };
  }
github shoutem / extensions / shoutem-rss-photos / app / screens / PhotoDetails.js View on Github external
getNavbarProps() {
    const { selectedPhotoIndex, mode } = this.state;
    const { photos } = this.props;

    if (mode === ImageGallery.IMAGE_PREVIEW_MODE) {
      return {
        styleName: 'clear none',
      };
    }

    const selectedPhoto = photos[selectedPhotoIndex];

    return {
      styleName: 'clear',
      title: `${selectedPhotoIndex + 1} / ${photos.length}`,
      share: {
        title: _.get(selectedPhoto, 'title'),
        link: _.get(selectedPhoto, 'source.uri'),
      },
    };
  }