Report
Signs of Progress: Sep 23 – 29, 2019
Signs of Progress: Sep 23 – 29, 2019
React Native
- 클리어(Clear) 앱의 손가락으로 벌려서 새 아이템이 나타나도록 하는 핀치(pinch) 제스쳐를 구현해보았다.
Animated.TextInput
이 Animated.Value 텍스트를value
prop으로 입력받아서 표시할 수 있다는 것을 처음 알았다.Reanimated.TextInput
은value
대신text
prop으로Reanimated.Value
를 전달할 수 있다.ScrollView
안에 있는 아이템들을 드래그해서 움직일 방법을 고민했다. Pan 제스쳐 핸들러 안에서부처 터치 이벤트가 시작하면 스크롤 이벤트가 일어나지 않고 반대의 경우에는 스크롤 이벤트만 일어난다. 기본 상태에서는 스크롤이 일어나도록 하고 롱 프레스로 활성화된 아이템만 드래그되도록 했다.ScrollView
이벤트와PanGestureHandler
이벤트가 동시에 발생하도록 하기 위해서simultaneousHandler
,NativeViewGestureHandler
,LongPressGestureHandler
를 사용했다.ScrollView
를NativeViewGestureHandler
로 감싼 후simultaneousHandler
prop을 전달했다. 처음에는 이미 그 용도로 감싸져있는 react-native-gesture-handler의ScrollView
를 사용했는데 왜인지 원하는 대로 작동하지 않았다.
Etc.
- 페나키스티스코프(Phenakistiscope)를 HTML Canvas를 이용해서 만들었다.