Откройте один экран как модальный в stackNavigator другие как карты

Question

Я использую react-navigation v3 в моем react-native приложении.

Я получил стек Навигатор с разными экранами

const CarsListStack = createStackNavigator({
  CarsListScreen: { screen: CarsListScreen },
  FiltersScreen: { screen: FiltersScreen },
  CardDetailScreen: { screen: CardDetailScreen },
},
{
  initialRouteName: 'CarsListScreen',
});

Я знаю, что добавление: mode: 'modal в опциях createStackNavigator сделает все экраны в стеке открытыми снизу.

Как я могу сделать только CardDetailScreen открытым снизу и оставить остальные экраны в стеке открытыми как обычно?

Answer 1

вам нужно будет сделать еще один стек для CardDetailScreen, поэтому;

    // Main Card-Style Navigator

      const MainStack = createStackNavigator({
      CarsListScreen: { screen: CarListScreen },
      FiltersScreen: { screen: FiltersScreen },
      CardDetailScreen: { screen: ModalStack },
    },
     { 
       initialRouteName:'CarsListScreen' 
   }); 

    // Modal-Style Navigator

     const ModalStack = StackNavigator({
      Home: { screen: MainStack },
      Modal: { screen: CarDetailScreen },
    }, {
      mode: 'modal',
     headerMode:'none',
    });