Reactjs StackNavigation内的模态模式屏幕

Reactjs StackNavigation内的模态模式屏幕,reactjs,react-native,react-navigation,Reactjs,React Native,React Navigation,我试图使一个屏幕作为常规StackNavigation对象内的模态。我想让所有的屏幕都像扑克牌一样(从侧面渲染),但有一个屏幕像模态一样(从底部渲染),但它就是不起作用,所有的屏幕都是从侧面渲染的 代码: export const Modal = StackNavigator({ ReportPage: { screen: ReportContainer } }, { headerMode: 'none', mode:'modal' }) exp

我试图使一个屏幕作为常规StackNavigation对象内的模态。我想让所有的屏幕都像扑克牌一样(从侧面渲染),但有一个屏幕像模态一样(从底部渲染),但它就是不起作用,所有的屏幕都是从侧面渲染的

代码:

export const Modal = StackNavigator({
    ReportPage: {
        screen: ReportContainer
    }
}, {
    headerMode: 'none',
    mode:'modal'
})

export const Main = StackNavigator({
    Feed: {
        screen: Feed
    }, 
    ModalScreen: {
        screen: Modal
    }
}, {
    headerMode: 'none'
})
您需要创建一个主StackNavigator,其中包含所有具有推送导航和 然后创建一个主StackNavigator,其中包含主堆栈和要显示的模式屏幕

Use code below: 

export const HomeNavigator = StackNavigator({
        Feed: {
            screen: Feed
        },
        OtherScreen: {
           screen: OtherScreen
        }

    })
    const Main = StackNavigator(
      {
        Home: { screen: HomeNavigator }
        ModalScreen: { screen: ModalScreen }
      },
      {
        mode: 'modal',
        headerMode: 'none',
      },
    );