특정 뷰에 포커싱하는 방법
-
안녕하세요! 첨부한 사진은 개발해야하는 화면인데, 이미 개발되어있는 뷰 위에서 특정 뷰("나만의 루틴 만들기 텍스트가 있는 뷰"만 포커싱하고 튜토리얼 말풍선을 넣어야 하는 상황입니다!
이러한 경우는 어떤 키워드로 검색해야 개발방법을 찾을 수 있을까요? -
@daheeahn 안녕하세요 다희님!
말풍선이 나만의 루틴만들기 바로 아래에 등장해야 하는거죠? visible 상태일때 '나만의 루틴 만들기' 박스에 스타일을 주는건 간단히 가능할거 같은데요.'나만의 루틴 만들기' 바로 아래에 플로팅하게 나와야하는 말풍선의 경우
말풍선 박스를 position: absolute로 갖고있고 '나만의 루틴 만들기' view가 로딩될때(onLayout 콜백) x좌표, y좌표를 받아 상태에 저장하면 말풍선 박스에게 상태(위치)를 넘겨서 위치를 잡을 수 있을거 같아요.다만 기기 폰트 스케일에 따라 '나만의 루틴 만들기' 폰트 크기와 박스 높이가 달라질 수 있으니 이런 경우에 말풍선이 글자를 가리지 않도록 유념하면 좋을거 같습니다.
-
@daheeahn 화면을 덮는 가이드가 올라가는 absolute view 는 https://github.com/ibitcy/react-native-hole-view 를 사용해서 구현할 수 있습니다.
