DeepLinking.js

import React, { Component } from "react";
import PropTypes from "prop-types";
import { Linking } from "react-native";

const regex = /.*?:\/\//g;

class DeepLinking extends Component {
  static contextTypes = {
    router: PropTypes.shape({
      history: PropTypes.shape({
        push: PropTypes.func.isRequired
      }).isRequired
    }).isRequired
  };

  async componentDidMount() {
    const url = await Linking.getInitialURL();
    if (url) this.push(url);
    Linking.addEventListener("url", this.handleChange);
  }

  componentWillUnmount() {
    Linking.removeEventListener("url", this.handleChange);
  }

  handleChange = e => {
    this.push(e.url);
  };

  push = url => {
    const pathname = url.replace(regex, "");
    this.context.router.history.push(pathname);
  };

  render() {
    return this.props.children || null;
  }
}

export default DeepLinking;