Share.js

import React, {Component} from 'react';
import {Text, TouchableOpacity, View} from 'react-native';

import Modal from 'react-native-modalbox';
import ShareExtension from 'react-native-share-extension';

export default class Share extends Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
      isOpen: true,
      type: '',
      value: '',
    };
  }

  async componentDidMount() {
    try {
      const {type, value} = await ShareExtension.data();
      this.setState({
        type,
        value,
      });
    } catch (e) {
      console.log('errrr', e);
    }
  }

  onClose = () => ShareExtension.close();

  closing = () => this.setState({isOpen: false});

  render() {
    return (
      <Modal
        backdrop={false}
        style={{backgroundColor: 'transparent'}}
        position="center"
        isOpen={this.state.isOpen}
        onClosed={this.onClose}>
        <View style={{alignItems: 'center', justifyContent: 'center', flex: 1}}>
          <View
            style={{
              borderColor: 'green',
              borderWidth: 1,
              backgroundColor: 'white',
              height: 200,
              width: 300,
            }}>
            <TouchableOpacity onPress={this.closing}>
              <Text>Close</Text>
              <Text>type: {this.state.type}</Text>
              <Text>value: {this.state.value}</Text>
            </TouchableOpacity>
          </View>
        </View>
      </Modal>
    );
  }
}