在React Native中的模式中嵌入另一个导航器

Question

我已经使用react-native-modal创建了一个模态，该模态显示一个组件A（在我的情况下为“购物车”）（具有多个子组件，依此类推。）

此模式最多可打开到屏幕的一半，而其余部分的叠加层后面则可见该应用程序的其他内容。但是，我的要求是，在模式内部的一个按钮上，我希望将另一个屏幕（B）推到A上方（仅在模式内部，而不是整个应用程序内）。

如何实现此流程。目前，新推送的屏幕会覆盖整个屏幕，而不仅仅是模式窗口。

class CartModal extends Component {
  state = {
    isVisible: false,
  };

  onCartDismiss = () => {
    const { onCartDismiss } = this.props;
    onCartDismiss();
  };

  render() {
    const { navigation, isVisible, onCartDismiss } = this.props;
    return (
      <Modal
        isVisible={isVisible}
        onBackdropPress={onCartDismiss}
        style={CartStyles.cartModal}
        onSwipeComplete={this.onCartDismiss}
        swipeDirection="down"
        swipeThreshold={50}
        propagateSwipe
      >
        <View
          style={styles.container}
        >
          <Cart navigation={this.props.navigation} onCartDismiss={this.onCartDismiss} />
        </View>
      </Modal>
    );
  }
}