Блог

У меня есть вкладка экрана, содержащая 2 компонента

Я хочу передать свой идентификатор параметра

     this.props.navigation.navigate("TabsScreen2", {id: idFilm})
 

TabsScreen2 — это нижняя вкладка моего экрана

Моя нижняя вкладка

 const MainStack = createStackNavigator();
const MainStackScreen = () => (
  <MainStack.Navigator>
    <MainStack.Screen
      name="TabsScreen2"
      component={TabsScreenFilmDetail}
      options={{ title: "FilmDetail Screen title" }}>
        
    </MainStack.Screen>
  </MainStack.Navigator>
);

        const TabsFilmDetail = createBottomTabNavigator();
    const TabsScreenFilmDetail = (e) =>  {
      console.log('e ', e.route.params )
      return (
        <TabsFilmDetail.Navigator>
          <TabsFilmDetail.Screen name="FilmDetail" params={e} component={FilmDetailStackScreenNav} />
          <TabsFilmDetail.Screen name="FavoriteList" component={FavoriteListStackScreenNav} />
        </TabsFilmDetail.Navigator>
      );
    }
 

в моем журнале у меня есть мой идентификатор
, но как передать мой параметр моему <TabsFilmDetail.Screen name=»FilmDetail»>
Я пробую параметр params или другое свойство, и это не сработало.
Существует ли решение для передачи простого параметра?
спасибо за помощь

Я думаю, что правильное ключевое слово, которое вы ищете, — initialParams

Как это в одном из моих кодов

Поэтому я думаю, что в случае вашего кода вам нужно изменить это

 <TabsFilmDetail.Screen name="FilmDetail" params={e} component={FilmDetailStackScreenNav} />
 

для этого

 <TabsFilmDetail.Screen name="FilmDetail" initialParams={e} component={FilmDetailStackScreenNav} />
 

попробуйте это:

             <TabsFilmDetail.Screen name="FilmDetail">
                {(props) => <FilmDetailStackScreenNav {...props} e={e.route.params} />}
            </Tab.Screen>