내맘대로살꺼야말리지마
50
2021-10-05 19:40:41
1
141

react native 에서 영상 pip모드를 만들려고 하는데 로직을 잘 모르겠습니다.


제가 원하는 동작은 예를 들자면 트위치에서 스트리머 방송을 앱 내부에서 pip모드로 볼 때, 해당 pip화면이 담고있는 확대 축소 및 이동 기능입니다. 

https://medium.com/edonec/react-native-reanimated-2-implementing-a-simple-snap-to-corner-gesture-animation-778e4d1f4e98


위의 블로그를 참고하여 pip모드 시 pangesturehandler로 작은 화면을 움직이게 만들었습니다 

그리고 pinchgesturehandler로 pip화면의 크기를 휴대폰 스크린에 맞게 확대 축소 하고 싶은데 자꾸 pip화면이 휴대폰 스크린 밖으로 나가지며 짤린채로 확대가 됩니다.

그래서 pinchgesturehandler가 active상태일 때 translateX.value값과 translateY.value 값을 변경해서 짤리는 화면 만큼 x,y값을 이동 시킬려고 하는데요. 이부분이 잘 안됩니다. 

(스케일값 * 화면의 너비 - 이전 화면의 너비)/2 의 값이 늘어난 한쪽 너비값 아닌가요? 이 값을 구하는 방법이 절실히 필요합니다!

0