StackNavigation中的模式模式屏幕

Question

我试图使一个屏幕充当常规StackNavigation对象内的模态。意思是，我希望所有屏幕都充当卡（从侧面渲染），但一个屏幕却充当模态（从底部渲染），但是它只是不起作用，所有屏幕都是从侧面渲染。

码：

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

export const Main = StackNavigator({
    Feed: {
        screen: Feed
    }, 
    ModalScreen: {
        screen: Modal
    }
}, {
    headerMode: 'none'
})

Answer 1

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',
      },
    );

您需要创建一个Home StackNavigator，其中包含具有Push Navigation的所有屏幕，然后创建一个主StackNavigator，其中将包含Home Stack和要显示的模式屏幕。