728x90
swiper가 적용이 안되어서, swipeable을 써보기도 하고, 별의별 방법을 며칠 동안 다 시도해 보았다.
결국 버튼을 이용해 개발 업데이트를 진행했는데,
역시나 계속 시도해 보고, 알아보니 해결되었다.
생각보다 간단해 허무하기도 했다.
해결 :
swiper를 presseble이 감싸고 있었기 때문에 적용이 안되었던 것.
예)
<Presseble>
<Swiper>
...
</Swiper>
</Presseble>
TouchableOpacity로 감싸도 마찬가지였다.
페이지에 컴포넌트가 두 개인 상황이었고,
아래 컴포넌트를 이용 중 위 컴포넌트를 눌렀을 때
아래 컴포넌트의 내용이 reset 될 수 있게 하려고
swiper가 있는 위 컴포넌트를 presseble로 감싸 onPress속성으로 setState를 적용하고 있었다.
예)
<Presseble onPress={()=> setState(! state)}>
<Swiper>
...
</Swiper>
</Presseble>
*state변경이 필요한 부분이라 모달창을 만들어 해결하였다.
#메모! 기억!
swiper 적용할 때에는 >> presseble로 감싸지 말 것! (View로 감싸자!)
728x90
'Development > ReactNative' 카테고리의 다른 글
[study] 중복함수실행방지 (0) | 2024.01.22 |
---|---|
[study] 240122 (0) | 2024.01.22 |
[study] .map : array안에 object 형태로 추가하기 - 240111 (0) | 2024.01.11 |
[study] reactNative - 240111 (0) | 2024.01.11 |
[study] 라이브러리가 잘못 되었을 경우 패치하는 방법 >> Patch-package (0) | 2024.01.09 |