정보실

웹학교

정보실

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

본문

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


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


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

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



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 12회 ]  작성일19-12-03 19:43

웹학교