03
Май
2020

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

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

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)

Источник: https://ru.stackoverflow.com/questions/1119728/%D0%9A%D0%B0%D0%BA-%D0%B2-react-native-drawer-navigation-%D0%BE%D1%82%D0%BB%D0%BE%D0%B2%D0%B8%D1%82%D1%8C-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B5-%D0%BD%D0%B0%D0%B6%D0%B0%D1%82%D0%B8%D1%8F-%D0%BC%D0%B5%D0%BD%D1%8E

Тебе может это понравится...

Добавить комментарий