Открытие модальной правой иконки в заголовке -Реактивная навигация

Question

Мне нужно открыть модал с помощью правой кнопки в заголовке, и я могу это сделать. Проблема в том, что модал должен быть 3/4 ширины страницы, а остальные 1/4 предыдущей страницы должны быть виден.

Код StackNavigator ниже

FilterOptions: {
  screen: FilterOptions,
  transparentCard: true,
  navigationOptions: {
    headerMode: "none",
    header: null,
    modal: "modal",
    transparentCard: true,
  }, cardStyle: {
    backgroundColor: "transparent",
    opacity: 1
  }
}

Код страницы FilterOptions -

import React, { Component } from 'react';
import { Modal, Text, TouchableHighlight, View } from 'react-native';

class ModalExample extends Component {

render() {
    return (

        <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-end', backgroundColor: "transparent" }}>

            <View style={{ height: "100%", width: '70%', backgroundColor: "#fff", justifyContent: "center" }}>
                <Text>Testing a modal with transparent background</Text>
            </View>
        </View>

    );
}
}
export default ModalExample

Может ли кто-нибудь помочь сделать это.

Answer 1

Вы следовали документам для этого?Если да, вы можете изменить свой модальный размер, установив его размер контейнера напрямую.

Если у вас возникли проблемы с модальностью React Navigation, я предлагаю вам использовать React-Native's * , так каклучше всего использовать, когда не в полном объеме.

Answer 2

Вы используете реагирующую навигацию или реагирующую навигацию?

вам не нужно использовать StackNavigator

, вы можете использовать реактивную {Animated}