Блог

Я использую глубокое связывание с навигацией по реакции для получения параметров из Url-адреса, но я хотел бы передать эти параметры объекту. Теперь я делаю это :

 prefixes: [Linking.makeUrl('/'), 'https://test.app', 'https://*.test.app'],
  config: {
    screens: {
      App: {
        screens: {
          Chat: {
            path: 'chat/:firstName/:lastName/:birthdate',
            parse: {
              firstName: (firstName: string) => decodeURIComponent(firstName),
              lastName: (lastName: string) => decodeURIComponent(lastName),
              birthdate: (birthdate: string) => decodeURIComponent(birthdate),
            },
          },
 

Это и есть результат :

  const { firstName, lastName, birthdate} = route.params
 

И что мне нужно, так это объект с внутренним именем, фамилией, датой рождения :

 const { userObject } = route.params
 

Вы можете использовать getStateFromPath для настройки параметров так, как вам нравится.

Что-то вроде этого должно сработать. Примечание: Я не тестировал с вложенными экранами. Возможно, вам придется немного изменить это, чтобы обрабатывать вложенные экраны.

 import { getStateFromPath } from '@react-navigation/native';

const linking = {
  prefixes: [Linking.makeUrl('/'), 'https://test.app', 'https://*.test.app'],
  config: {
    screens: {
      App: {
        screens: {
          Chat: {
            path: 'chat/:firstName/:lastName/:birthdate',
            parse: {
              firstName: (firstName: string) => decodeURIComponent(firstName),
              lastName: (lastName: string) => decodeURIComponent(lastName),
              birthdate: (birthdate: string) => decodeURIComponent(birthdate),
            },
          },
        },
      },
    },
  },
  getStateFromPath: (path, options) => {
    const state = getStateFromPath(path, options);
    const newState = {
      ...state,
      routes: states.routes.map(route => {
        if (route.name === 'Chat') {
          // modify your params however you like here!
          return {
            ...route,
            params: { userObject: route.params }
          }
        } else {
          return route
        }
      }),
    };
    return newState;
  },
}