Development/ReactNative

[study] swiper

mefd 2024. 1. 11. 22:45
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