ios - props - Vista de desplazamiento vertical en conflicto con la navegación vertical

router flux v4

Question

En mi aplicación nativa de React estoy usando react -native-router-flux de askonov para mostrar una escena con un widget vertical ScrollView. He configurado la escena para que flote desde la parte inferior y parece que, de forma predeterminada, arrastrando hacia abajo desde la parte superior se cierra la escena.

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

ScrollView contiene mucho más de lo que se puede mostrar en pantalla, por lo que se espera que los usuarios lo arrastren hacia arriba y hacia abajo. Desafortunadamente, parece que el comportamiento de arrastrar hacia abajo para cerrar escena está en conflicto con ScrollView, por lo que los usuarios cierran involuntariamente la escena cuando solo desean desplazarse hacia arriba.

Específicamente, parece que el gesto de flick se está anulando específicamente. Al alzar el dedo, no arroja el contenido de ScrollView como debería, mientras que presionar hacia abajo cierra la escena.

Esto parece ser un nuevo comportamiento desde que me actualicé a React Native 0.32. Cuando estaba en 0.22, el gesto flick up todavía funcionaba para arrojar el contenido de ScrollView.

Idealmente, solo me gustaría que la escena se cierre si el contenido de ScrollView ya está completamente desplazado hacia la parte superior. Me conformaría con simplemente deshabilitar por completo el comportamiento de cerrar para cerrar.

Answer 1

Puede intentar agregar panHandlers={null} a sus accesorios de escena. Eso debería desactivar el flick-to-close, creo.

Además, podría utilizar un RefreshControl en su ScrollView para agregar una acción cuando el usuario está bajando de la lista que ya está en la parte superior (básicamente una acción desplegable para actualizar, pero en su lugar descartaría, hacky pero podría funcionar).