Implement deep-linking (#112)

* Minor POC to showcase deep-linking abilities through the boilerplate

* deep linking ios and refactor

Co-authored-by: [email protected] <[email protected]>
Co-authored-by: DOLLE <[email protected]>
Co-authored-by: Aurélien Mutin <[email protected]>

Author: 4 people

App/Containers/DeepLinking/DeepLinkingScreen.js

@@ -0,0 +1,16 @@
+import React from 'react'
+import { Text, View } from 'react-native'
+import { Helpers, Metrics } from 'App/Theme'
+
+/**
+ * This is an example of a container component with a deep link.
+ */
+const DeepLinkingScreen = () => (
+  <View style={[Helpers.fillCenter, Helpers.rowMain, Metrics.mediumHorizontalMargin]}>
+    <Text>
+      This is deep linking example screen which can be accessed using boilerplate://deeplink scheme!
+    </Text>
+  </View>
+)
+
+export default DeepLinkingScreen

App/Containers/Root/RootScreen.js

@@ -7,6 +7,9 @@ import { Helpers } from 'App/Theme'
 import { useDispatch } from 'react-redux'
 
 const RootScreen = () => {
+  // Deep linking prefix
+  const prefix = 'boilerplate://';
+  
   const dispatch = useDispatch()
 
   useEffect(() => {
@@ -20,6 +23,7 @@ const RootScreen = () => {
         ref={(navigatorRef) => {
           NavigationService.setTopLevelNavigator(navigatorRef)
         }}
+        uriPrefix={prefix}
       />
     </View>
   )

App/Navigators/AppNavigator.js

@@ -1,6 +1,7 @@
 import { createAppContainer, createStackNavigator } from 'react-navigation'
 
 import ExampleScreen from 'App/Containers/Example/ExampleScreen'
+import DeepLinkingScreen from 'App/Containers/DeepLinking/DeepLinkingScreen'
 import SplashScreen from 'App/Containers/SplashScreen/SplashScreen'
 
 /**
@@ -15,7 +16,13 @@ const StackNavigator = createStackNavigator(
     SplashScreen: SplashScreen,
     // The main application screen is our "ExampleScreen". Feel free to replace it with your
     // own screen and remove the example.
-    MainScreen: ExampleScreen,
+    MainScreen: {
+      screen: ExampleScreen,
+    },
+    DeepLinkingScreen: {
+      screen: DeepLinkingScreen,
+      path: 'deeplink',
+    },
   },
   {
     // By default the application will show the splash screen

android/app/src/main/AndroidManifest.xml

@@ -14,11 +14,18 @@
         android:name=".MainActivity"
         android:label="@string/app_name"
         android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
-        android:windowSoftInputMode="adjustResize">
+        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="boilerplate" />
+        </intent-filter>
       </activity>
       <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
     </application>

ios/Boilerplate/AppDelegate.m

@@ -5,6 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#import <React/RCTLinkingManager.h>
+
 #import "AppDelegate.h"
 
 #import <React/RCTBridge.h>
@@ -39,4 +41,10 @@ - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 #endif
 }
 
+- (BOOL)application:(UIApplication *)app openURL:(NSURL *)url
+            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
+{
+  return [RCTLinkingManager application:app openURL:url options:options];
+}
+
 @end

ios/Boilerplate/Info.plist

@@ -20,11 +20,24 @@
 	<string>1.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
+	<key>CFBundleURLTypes</key>
+	<array>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Editor</string>
+			<key>CFBundleURLName</key>
+			<string>boilerplate</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>boilerplate</string>
+			</array>
+		</dict>
+	</array>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
-    <key>NSAppTransportSecurity</key>
+	<key>NSAppTransportSecurity</key>
 	<dict>
 		<key>NSAllowsArbitraryLoads</key>
 		<true/>

ios/Podfile.lock

@@ -345,6 +345,6 @@ SPEC CHECKSUMS:
   RNScreens: cf198f915f8a2bf163de94ca9f5bfc8d326c3706
   Yoga: f2a7cd4280bfe2cca5a7aed98ba0eb3d1310f18b
 
-PODFILE CHECKSUM: 1aeb3204d81fb1938d1f1a04d0a3797595914ef3
+PODFILE CHECKSUM: 3d811d26fadf74812df3c538c7abf505a9be9900
 
-COCOAPODS: 1.9.0
+COCOAPODS: 1.9.3