분류 Reactjs

React Native에서 상호 작용 가능한 고성능 뷰의 실험적 구현

컨텐츠 정보

  • 조회 403 (작성일 )

본문

이러한 모든 사용 사례에는 사용자의 제스처와 지속적으로 상호 작용하는 보기가 있습니다. 이러한 상호 작용은 일반적으로 물리적으로 스프링 성, 마찰, 탄성 및 감쇠와 같은 특성을 갖습니다. 터치 장치에서 자연스럽게 느껴지려면 60 FPS로 실행해야 합니다.


https://github.com/wix/react-native-interactable 


이것은 React Native에서 60 FPS의 뷰와 유동적 인 사용자 상호 작용을 처리하기 위한 선언적 API의 실험적 구현입니다. 다음은 사용자가 상호 작용할 수 있는 보기의 사용 사례 예입니다.

  • 스와이프 가능한 카드 (La Google Now)가 충분한 힘으로 스와이프 되지 않으면 제자리에 튀어 나옵니다
  • 서랍이 닫힐 때 버튼이 점차 나타나서 닫히고 열림
  • 아래 내용이 스크롤 될 때 더 작은 크기로 스냅 가능한 축소 가능한 헤더
  • 드래그 할 수 있지만 화면 모서리에 스냅할 수 있는 대화 헤드 (라 Facebook 메신저)