解决方案

Question

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

2018-09-19

892

react-native react-navigation stack-navigator

我在我的 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 },
},
);