Я создал модал, используя act-native-modal , который отображает компонент A («Корзина» в моем случае) (с несколькими дочерними компонентами и т. Д.)
Этомодальное окно открывается до половины экрана, в то время как другое содержимое приложения видно за оверлеем в оставшейся части.Однако мое требование таково, что при нажатии кнопки внутри модального окна я хочу, чтобы другой экран (B) был надвинут на А (только внутри модального режима, а не над всем приложением).
Как можноЯ достигаю этого потока.Так как в настоящее время новый экран, который выдвигается, покрывает весь экран, а не только модальный.
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>
);
}
}