# Wheel Picker

unhyif

회사에서 rmc-picker라는 라이브러리를 사용하여 wheel picker를 구현하고 있었는데, 어느 순간부터 제대로 동작하지 않는 상황이 발생했다 😨 원인을 파악하고 나니 패키지 커스텀 밖에 답이 없어서 patch-package를 시도하게 되었고, 다행히 성공했다! 먼저 원인을 어떻게 찾게 되었는지를 회상해 보면서 이후의 patch 과정을 담아보려 한다. 문제 원인 파악 wheel picker가 스크롤될 때 실행되어야 하는 callback이 갑자기 실행되지 않았다. 그리고 wheel picker가 렌더링될 때 아래의 에러 메시지들이 뜨기 시작했다. Warning: React does not recognize the selectedValue prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercas

bang9dev

Snap(포커싱) 동작 구현하기 스크롤이 멈추는 시점의 offset.y 를 이용하여, 버튼의 정확한 위치를 구하고 scrollTo 를 이용해 포커싱 동작을 구현합니다. > #### Snap(포커싱) 동작 구현 code example 스크롤이 멈추는 순간 우리는 버튼의 위치를 알아낸 뒤, 현재 위치의 좌표를 이동시킬 정확한 좌표로 변환하고 해당 위치로 scrollTo 를 사용해서 이동시킬 수 있습니다. 우리는 버튼의 높이를 고정값으로 주었기 때문에, 정확한 좌표로 변환 하는것은 어렵지 않습니다. 시간 스크롤뷰를 기준으로 설명을 간단하게 해보겠습니다. 스크롤뷰의 초기 offset.y 는 0 입니다. ![]