Class ShareButton

components/ShareButton.js:18–54

* The ShareButton is a virtual component that wraps a button with a share icon. * It puts the sharing logic in one place. It's used in the navigation bar in the toolkit, * but it can be reused anywhere. * * It should have the style of its underlying button. That's why it's not connected to style

 * or animation.
 */
class ShareButton extends PureComponent {
  constructor(props) {
    super(props);

    autoBindReact(this);
  }

  onShare() {
    const { title, message, url } = this.props;

    return Share.share({
      title,
      // URL property isn't supported on Android, so we are
      // including it as the message for now.
      message: Platform.OS === 'android' ? url : message,
      url,
    });
  }

  render() {
    const { animationName, iconProps, url, ...otherProps } = this.props;

    if (!url) {
      return null;
    }

    return (
      <Button onPress={unavailableInWeb(this.onShare)} {...otherProps}>
        <Icon
          name={Platform.OS === 'ios' ? 'share' : 'share-android'}
          animationName={animationName}
          {...iconProps}
        />
      </Button>
    );
  }
}

ShareButton.propTypes = {
  // Animation name for share icon