react card react-native

react native - card - ListView no puede desplazarse



tile react native (5)

Es debido a esta propiedad, supongo que solo tiene una, ¿quizás agregue un encabezado fijo por fila ?:

Función renderSectionHeader

(sectionData, sectionID) => renderizable

Si se proporciona, se procesará un encabezado fijo para esta sección. El comportamiento adhesivo significa que se desplazará con el contenido en la parte superior de la sección hasta que llegue a la parte superior de la pantalla, en cuyo punto se pegará a la parte superior hasta que sea empujado fuera de la pantalla por el encabezado de la siguiente sección.

Como puede ver en el GIF adjunto, no puedo desplazarme por ListView . La vista vuelve a la posición original tan pronto como suelte el mouse.

He leído la documentación y parece que el desplazamiento debería funcionar . Aquí está la implementación de render() :

render: function(){ return ( <ListView automaticallyAdjustContentInsets={false} initialListSize={9} dataSource={this.state.dataSource} renderRow={this.renderTrack} renderSectionHeader={this.renderSectionHeader}/> );


La única vez que he visto esto es cuando contentContainerStyle está configurado en flex: 1. Retire la flexión si ese es el caso.


Su ListView podría ser bastante pequeño pero no aparecer de esa manera en un desbordamiento visible. Intente configurar flex: 1 o height: 587 en la propiedad de estilo de su ListView.


Tuve el mismo problema, tuve una View envolviendo ListView , ListView la View externa y ahora funciona como se esperaba.


configuración de flex:1 para el padre de la lista hizo el truco para mí.