Состояние обработки между navigationOptions и Component React Native - PullRequest
Новая
       55

Состояние обработки между navigationOptions и Component React Native

0 голосов
/ 18 июня 2020

У меня есть кнопка заголовка, и я хочу отображать и скрывать модальное окно в компоненте body. В моем модальном окне у меня также есть кнопка, которую при отображении модального окна я могу скрыть при нажатии этой кнопки. Чтобы управлять этим, я использую одно состояние navigationOptions и setParams для связи между ними. Однако я не могу заставить его работать. Вот мой код, и мы будем благодарны за любую помощь. спасибо 

const MyScreen = props =>{
    return(<View>

             <MyModal
                  visible={props.navigation.getParam('visibility')}
                >
                 <Button onPress={() =>{//change the state of visibility}/>
                </MyModal>
          </View>)
}
MyScreen.navigationOptions =(navData)=>{
const [visible, setVisible] = useState(false)
navData.navigation.setParams({visibility: visible})

return {
    headerTitle: title,
    headerRight:()=>{
        return (
            <HeaderButtons HeaderButtonComponent={HeaderButton}>
                <Item title='' iconName ='ios-person' 
                    onPress ={() => setVisible(!visible)}
                />
            </HeaderButtons>
        )
    }
...