2016-08-29 2 views
7

제 반응의 네이티브 앱에서 askonov의 react-native-router-flux을 사용하여 수직 ScrollView 위젯이있는 장면을 표시합니다. 장면을 맨 아래에서 위로 이동하도록 구성 했으므로 기본적으로 위에서 아래로 드래그하면 장면이 닫힙니다.수직 탐색이 수직 탐색과 충돌합니다.

<Router> <Scene key="root" hideNavBar={true}> <Scene key="welcome" component={Welcome}/> <Scene key="demo" component={Demo} direction="vertical"/> </Scene> </Router>

는있는 ScrollView는 사용자가 위아래로 드래그 할 것으로 예상된다 있도록 화면에 표시 할 수있는 다음 훨씬 더 포함되어 있습니다. 불행하게도 드래그 다운에서 클로즈 장면으로의 동작이 ScrollView와 충돌하기 때문에 사용자가 실수로 스크롤을하고 싶을 때 장면을 닫을 수 있습니다.

특히 플릭 동작이 구체적으로 무시되고있는 것처럼 보입니다. Flicking up은 ScrollView 컨텐트를 fling하지 않고, flicking down은 장면을 닫습니다.

React Native 0.32로 업그레이드 한 이후로 이것은 새로운 동작으로 보입니다. 내가 0.22에 있었을 때 플릭 업 동작은 여전히 ​​ScrollView 콘텐츠를 실행하는 데 효과적이었습니다.

ScrollView의 내용이 이미 맨 위로 완전히 스크롤되어 있으면 이상적으로 장면을 닫아야합니다. 플립 - 투 - 클로즈 동작을 완전히 비활성화하는 것으로 정착 할 수 있습니다.

답변

3

씬 소품에 panHandlers={null}을 추가 할 수 있습니다. 그게 flick-to-close를 비활성화시켜야한다고 나는 믿는다.

또한 가능 다음 사용자가 상위 (기본적으로 풀 - 다운 - 투 - 새로 고침 작업에서 이미 목록에서 아래로 당겨 액션을 추가 할있는 ScrollView에 RefreshControl을 활용하지만, 수 대신 해키하지만 일할 수 있음).

+0

Perfect! 이것은 정확히 내가 필요로했던 것입니다. – frank