Как в React Native Drawer Navigation отловить событие нажатия меню?

Question

[Роман Ракзин]

Мне нужно в скрин передать параметр, но я не нашёл, как это сделать. Как мне при выборе определённого меню отображать не просто скрин, а скрин с параметрами? В примере у меня выбор варианта Политика, Экономика и Главная страница - все они ведут на один скрин, но мне нужно передать параметр, что б при клике на кнопку политика в том скрине отобразить статьи только о политике. Как такое сделать?

const PostNavigator = createStackNavigator(
  {
    Main: MainScreen,
    Post: PostScreen
  },
  navigatorOptions
) 

const AboutUsNavigator = createStackNavigator(
  {
    AboutUs: AboutUsScreen
  },
  navigatorOptions
)

const AboutRedNavigator = createStackNavigator(
  {
    AboutRed: AboutRedScreen
  },
  navigatorOptions
)

const MainNavigator = createDrawerNavigator(
  {
    Main: {
      screen: PostNavigator,
      navigationOptions: {
        drawerLabel: 'Главная'
      }
    },
    Category_Politik: {
      screen: PostNavigator,    
      navigationOptions: {
        drawerLabel: 'Политика'
      }
    },
    Category_Ekonomik: {
      screen: PostNavigator,
      navigationOptions: {
        drawerLabel: 'Экономика'
      }
    },
    AboutUs: {
      screen: AboutUsNavigator,
      navigationOptions: {
        drawerLabel: 'Об издании'
      }
    }
  },
  {
    initialRouteName: 'Main',
    drawerBackgroundColor: '#D2D2D2',
  }
)

export const AppNavigation = createAppContainer(MainNavigator)

Answer 1

[Роман Александрович]

как вариант можно передать параметры

navigation.navigate('Details', {
            itemId: 42,
            otherParam: 'anything you want here',
          });

или вот так

<Stack.Screen
  name="Details"
  component={DetailsScreen}
  initialParams={{ itemId: 42 }}
/>

это все описано https://reactnavigation.org/docs/params потрате время на чтение документации

Comments

[Роман Ракзин]

Роман Александрович я её читал, а как мне в контексте моего примера сделать из Drawer Navigator ? В других местах я так делал, а сослаться на навигатор меню не могу

[Роман Александрович]

Роман Ракзин, а не правильнее ли будет создать 3 разных экрана?
но если вам нужно как вы ходите вам никто не мешает сделать так

const MainNavigator = createDrawerNavigator(
  {
    Main: {
      screen: PostNavigator,
      navigationOptions: {
        drawerLabel: 'Главная'
      },
initialParams={{ type: 'Главная'}}
    },
    Category_Politik: {
      screen: PostNavigator,    
      navigationOptions: {
        drawerLabel: 'Политика'
      },
initialParams={{ type: 'Политика'}}
    },
    Category_Ekonomik: {
      screen: PostNavigator,
      navigationOptions: {
        drawerLabel: 'Экономика'
      },
initialParams={{ type: 'Экономика'}}
    },
    AboutUs: {
      screen: AboutUsNavigator,
      navigationOptions: {
        drawerLabel: 'Об издании'
      }
    }
  },
  {
    initialRouteName: 'Main',
    drawerBackgroundColor: '#D2D2D2',
  }
)

и в компоненте уже вытаскиваете значение типа и грузите данные

[Роман Ракзин]

Роман Александрович у меня получается, что я не могу сосчитать параметр
Я сделал так initialParams:{ type: 'Экономика'}
я делаю в скрине const categoryId = navigation.getParam('type');
console.log(categoryId);
Вообщем это отрабатывает в момент инициализации с undefined а как отловить нажатие кнопки в меню- я уже неделю ломаю голову. Я уже пытался впихнуть текст и при нажатии менять параметр в системе, но это тоже не удалось.
Подскажите пожалуйста, как мне сделать, что б срабатывало событие при нажатии в меню, а не просто переходило на скрин?

[Роман Александрович]

Роман Ракзин, https://snack.expo.io/@reed/806f7a
думаю что так можно. если нет то вот как повесить обработчик.

<DrawerItem
        label="Help"
        onPress={() => Linking.openUrl('https://mywebsite.com/help')}
      />

зачем на это тратить неделю я не знаю но лучше б вы сделали 3 разных компонента с копипастом кода чем потратить неделю времени на такую таску.

[Роман Ракзин]

Роман Александрович, я делал вариант с тремя скринами, но вот дело в том, что скрины срабатывают при инициализации, а мне нужно закачать данные в момент нажатия на кнопке "Политка", "Экономика" и прочее и при повторном нажатии обновлять. Уже не важно- каким образом, но сейчас я сделал три экрана- но вот только при повторном нажатии на меню- нужно отлавливать событие и подгружать повторно данные, а я этого сделать не могу