deep_linking/App.tsx at develop · voke1/deep_linking · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React from 'react';
import {SafeAreaView, StyleSheet, Text, View} from 'react-native';

import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import ScreenA from './screens/ScreenA';
import ScreenB from './screens/screenB';
import ScreenC from './screens/screenC';
import LinkingScreen from './screens/LinkingScreen';

const Stack = createNativeStackNavigator();

function MyStack(){
   return (
    <Stack.Navigator>
      <Stack.Screen name="ScreenA" component={ScreenA} />
      <Stack.Screen name="ScreenB" component={ScreenB} />
      <Stack.Screen name="ScreenC" component={ScreenC} />
      <Stack.Screen name="LinkingScreen" component={LinkingScreen} />
    </Stack.Navigator>
  );
}

// const config = {
//   screens: {
//     screenA: 'a',
//     screenB: 'b',
//     screenC: 'c',
//     }
//   }


const config = {
  screens: {
    ScreenA: "a",
    ScreenB: {
      path: "b/:message",
      parse: {
        message: (message) => `${message}`
      }
    },
    ScreenC: "c",
  }
}


export default function App(){
  return (
    <NavigationContainer
    linking={{
      prefixes: ['deeplink://app'],
      config
    }}>
      <MyStack/>
    </NavigationContainer>
  )
};