Кто-Нибудь может подсказать? Как сделать так чтобы при нажатии мимо

Question

React Native — русскоговорящее сообщество

Кто-Нибудь может подсказать? Как сделать так чтобы при нажатии мимо

модального окна оно закрывалось? В интернете нашел много вариантов, но не один мне не помог, максимум что получилось так это закрывать это окно когда нажимаешь и в не окна и на окно, но мне надо чтобы при нажатии вне окна оно закрывалось.

#mobile #programming #reactnative #russian

0

28.08.2021

16 ответов

22 просмотра

Artem Автор вопроса

Никто не знает?

0

29.08.2021

Богдн Володимирович🚜™🇺🇦

onRequestClose={() => { this.setState({modalVisible1: !modalVisible1}); }}

0

29.08.2021

Artem Автор вопроса

Это не помогает, это закрывает модальное окно, когда нажимаешь кнопку назад в андройде. А нужно чтобы оно закрывалось при нажатии за пределами окна.

0

29.08.2021

Богдн Володимирович🚜™🇺🇦

Мне помогает

0

29.08.2021

Artem Автор вопроса

На саму модалку это цепляешь?

0

29.08.2021

Andrey Zabolotniy

Modal из react-native из коробки это не умеет. Установи https://www.npmjs.com/package/react-native-modal, у него расширенное апи, юзай onBackdropPress.

0

29.08.2021

Богдн Володимирович🚜™🇺🇦

а то был алерт а не модалка. сори. но думаю что-то придумать можно

0

29.08.2021

Artem Автор вопроса

Andrey Zabolotniy
Modal из react-native из коробки это не умеет. Уст...

Спасибо,попробую👍🏼

0

29.08.2021

Mike Minchenko

Andrey Zabolotniy
Modal из react-native из коробки это не умеет. Уст...

Ну можно внутри модалки сделать TouchableWithoutFeedback абсолютным и на него обработчик на клик повесить

0

29.08.2021

Andrey Zabolotniy

Mike Minchenko
Ну можно внутри модалки сделать TouchableWithoutFe...

Да, я делал с помощью Pressable. На код ревью получил вопрос "что это за уличная магия?"))

0

29.08.2021

Mike Minchenko

Andrey Zabolotniy
Да, я делал с помощью Pressable. На код ревью полу...

))). Использование отдельной библиотеки которая по сути делает то же самое (+пару фишек) то же получается магия. Если всемогущий реакт натив не дал нам этого из коробки, приходиться искать варианты

0

29.08.2021

Artem Автор вопроса

Mike Minchenko
Ну можно внутри модалки сделать TouchableWithoutFe...

У меня модалка, внутри модалки TouchableWithoutFeedback, далее внутри View, делаю у TouchableWithoutFeedback position: absolute и вешаю обработчик на нее по скрытию модалки. У меня не срабатывает, правильно ли я сделал?

0

29.08.2021

Irakliy

Artem
У меня модалка, внутри модалки TouchableWithoutFee...

А зачем в модалку модалку пихать?

0

29.08.2021

Artem Автор вопроса

Irakliy
А зачем в модалку модалку пихать?

Нет,не модалка внутри модалки

0

29.08.2021