将模态模式设置为特定屏幕

Question

我在我的 react-native 应用程序中使用堆栈导航器，我已将模式设置为模式，因此屏幕从底部推送，它工作正常，但有没有办法只为特定屏幕指定此模式？

const App = createStackNavigator({
  Home: { screen: Home },
},
{
  mode: 'modal',
 }
);

Answer 1

解决方案

使用多个 StackNavigator。

例如，如果您只想使用模态效果显示模态屏幕

// Call `this.props.naviation.navigate('Modal') from `Basic` screen, and use 'goBack()' in `Modal` screen.
const ModalStack = createStackNavigator({
  Basic: { screen: Basic },
  Modal: {screen: ModalScreen },
},
{
  mode: 'modal',
 }
);

const Modal = createStackNavigator({
  Home: { screen: Home },
  Detail: { screen: ModalStack },
},
);