Nrthugu

i am creating e-commerce app based react native.here i need open single product page from url shared.actually it will work when app is in killed state, but incase of app is in background/inactive state it won't work. the sharing url gets null when opening on background/inactive state.I have attached my code.

// following code working for app killing state



componentWillMount() {



    if (Platform.OS === 'android') {

      console.log("Testing");debugger



      //Constants.OneTimeFlag == false;

          Linking.getInitialURL().then(url => {

            console.log(url);

            var str = url

            var name = str.split('/')[4]

            Constants.isLinking = true;

           this.setState({ shop_Id: name})





           if (str)

           {

            this.setState({ isFromHomeLinking:'FROM_LINK' })

            this.props.navigation.navigate('SingleProductScreen', { ListViewClickItemHolder: [this.state.shop_Id,1,this.state.isFromHomeLinking] });



           }





          });



    }



    else {

        Linking.addEventListener('url', this.handleNavigation);

      }



  }



Not working code following..







componentDidMount() {

    AppState.addEventListener('change', this._handleAppStateChange);

}



componentWillUnmount() {

    AppState.removeEventListener('change', this._handleAppStateChange);

  }



this.state.appState declared in constructor(props)



_handleAppStateChange = (nextAppState) => {

    if (this.state.appState.match(/inactive|background/) && nextAppState === 'active') {

     console.log('App has come to the foreground!');debugger

 if (Platform.OS === 'android') {

          console.log("Testing");debugger



          //Constants.OneTimeFlag == false;

              Linking.getInitialURL().then(url => {

                console.log(url);

                var str = url

                var name = str.split('/')[4]

                Constants.isLinking = true;

               this.setState({ shop_Id: name})





               if (str)

               {

                this.setState({ isFromHomeLinking:'FROM_LINK' })

                this.props.navigation.navigate('SingleProductScreen', { ListViewClickItemHolder: [this.state.shop_Id,1,this.state.isFromHomeLinking] });



               }





              });



        }



        else {

            Linking.addEventListener('url', this.handleNavigation);

          }

    }

    }

when i open external link from whatsapp and app in background state Linking.getInitialURL() received as null ..

Following i have in manifest file

<activity

        android:name=".MainActivity"

        android:label="@string/app_name"

        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"

        android:windowSoftInputMode="adjustResize"

        android:launchMode="singleTask">

        <intent-filter>

            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />

        </intent-filter>

        <intent-filter>

 <action android:name="android.intent.action.VIEW" />

<category android:name="android.intent.category.DEFAULT" />

 <category android:name="android.intent.category.BROWSABLE" />

<data android:scheme="http"

 android:host="demo1.zgroo.com" />

</intent-filter>

      </activity>

following is my sample URL..

http://demo1.zgroo.com/xxxx

Kindly let me know any solutions..

thanks in advance..

You need to register Linking listener for this case.

componentDidMount() {

  Linking.addEventListener('url', this._handleOpenURL);

},

componentWillUnmount() {

  Linking.removeEventListener('url', this._handleOpenURL);

},

_handleOpenURL(event) {

  console.log(event.url);

}

For more https://facebook.github.io/react-native/docs/linking