title: Redirect from browser form submit button to app react native
body: <p>I have a TypeForm integrated with my app and this type form opens in a WebView. The process goes like when I Sign up, a type form opens in a WebView. On form submit I want it to be redirected to home screen.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    View,
    TouchableOpacity,
    ScrollView,
    WebView,
    Linking
  } from 'react-native';
  import Constants from '../constants';
  import NavigationBar from 'react-native-navbar';
  import Icon from 'react-native-vector-icons/FontAwesome';
  import { connect } from "react-redux";
  import { bindActionCreators } from "redux";
  import * as userActions from '../redux/modules/user';
  
  type Props = {};
  class Typeform extends Component&lt;Props&gt; {
    constructor(props){
      super(props);
      this.state={
  
      }
      // console.log('props ******* next_lottery_time constructor ******** ',props)
    }
  
    render() {
      const { navigate, goBack } = this.props.navigation;
      const titleConfig = {
        title: 'SURVEY',
        tintColor:Constants.Colors.White
      };
      const uri = 'https://threadest1.typeform.com/to/vjS2Nx';
      return (
        &lt;View style={{flex:1}}&gt;
          &lt;NavigationBar
            title={titleConfig}
            style={{backgroundColor: 'rgb(32,73,157)'}}
            statusBar={{hidden:false,tintColor:'rgb(32,73,157)'}}
            leftButton={&lt;TouchableOpacity style={{marginLeft:Constants.BaseStyle.DEVICE_WIDTH/100*2.5,marginTop:Constants.BaseStyle.DEVICE_HEIGHT/100*.8}} onPress={()=&gt;goBack()}&gt;&lt;Icon color={Constants.Colors.White} name='chevron-circle-left' size={30} /&gt;&lt;/TouchableOpacity&gt;} /&gt;
          &lt;WebView
          ref={(ref) =&gt; { this.webview = ref; }}
          source={{ uri }}
          onNavigationStateChange={(event) =&gt; {
            if (event.url !== uri) {
              this.webview.stopLoading();
              Linking.openURL(event.url);
            }
          }}
        /&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      //justifyContent: 'center',
      alignItems: 'center',
    }
  });
  
  const mapDispatchToProps = dispatch =&gt; ({
    userActions: bindActionCreators(userActions, dispatch)
  });
  
  export default connect(null, mapDispatchToProps)(Typeform);
  </code></pre>
  
  <p>I am using react-navigation for screen navigation purpose.</p>