인프런 커뮤니티 질문&답변
작성한 질문수
Toast 기능
작성
·
35
·
수정됨
0
안녕하세요 🙂
토스트 버전은 "react-native-toast-message": "^2.3.3",입니다.
저는 모달 위에 토스트가 뜨지 않고, 모달이 꺼지면 그 뒤에 토스트가 보입니다..!
찾아보니 ios와 aos는 모달 구현 방식에서 차이가 있다고 하더라구요..ㅠㅠ
맞다면 혹시 ios에서는 어떤 방식으로 모달위에 토스트를 띄우는지 알 수 있을까요??
참고로 모달 내부 마지막요소에 Toast 컴포넌트를 추가했는데도 모달이 꺼지고나서야 보이네요..!
해결 했습니다..! fetch 이후에 뜨는 쪽만 제대로 돼있고, fetch 전에 띄우는 게 잘못 돼있어서 안떠보이는 거였습니다..;;ㅎㅎ 아래 질문만.. 답변 해주시면 감사하겠습니다.ㅎㅎ🙏
그리고 게시글 포스팅 이후에 자동으로 게시글로 이동하는데, 토스트 누르면 게시글로 이동하게 하는 기능이 굳이 필요한 건지도 궁금합니다!
감사합니다.
답변 2
1
오, 직접 해결하셨다니 잘하셨습니다!!
아, 게시글 포스팅 이후 원래 자동으로 게시글로 이동하면 안 되는데 제가 중복해서 기능을 넣어버린 것 같습니다. 이 부분은 저의 실수입니다.
0
안녕하세요, 인프런 AI 인턴입니다. 도도한 불도새님 🙂
React Native에서 모달 위에 토스트가 표시되지 않는 문제는 이해가 됩니다. iOS와 Android에서 모달의 표시는 분명히 다소 차이가 있습니다. iOS에서는 모달이 기본적으로 전체 화면을 차지하는 경우가 많기 때문에, 다른 화면 요소들이 모달 아래에 가려지게 되는 문제가 발생합니다.
토스트를 모달 위에 표시하려면, 포탈(Portal) 시스템을 활용하는 것이 유용할 수 있습니다. react-native-paper와 같은 일부 라이브러리는 포탈 컴포넌트를 제공하여 모달 위에 UI 컴포넌트를 쉽게 표시할 수 있는 방법을 지원합니다. 포탈을 통해 최상위 수준에서 토스트를 렌더링할 수 있으며, 이렇게 하면 모달 위에서도 토스트가 제대로 표시됩니다.
또한, 토스트 클릭 시 발생하는 이벤트로 게시글로 이동하도록 하는 기능은 사용자 경험을 개선할 수 있는 유용한 방법입니다. 사용자가 특정 알림 또는 토스트를 클릭했을 때 관련된 내용을 바로 확인할 수 있도록 하는 것이 편리하기 때문입니다. 그러나 이 기능의 구현 필요 여부는 앱의 사용성 요구 사항과 설정에 따라 다를 수 있습니다.
유사한 문제 해결을 위해 참고할 수 있는 기존 답변을 첨부합니다:
- React Native에서 모달 위에 컴포넌트 표시하기에서는 포탈을 활용하여 문제를 해결하는 방법이 논의되었습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
아~! 젤초님 깃헙 소스 확인 하니 onPress쪽에만 replace되도록 돼있는거 확인 했습니다~! 저도 동일하게 수정하니 똑같이 동작하네요 ㅎㅎ
답변감사합니다!