javascript - property - title label html

¿Reaccionar la vista del carrusel nativo de la tarjeta?

Question

¿Alguien sabe cómo podemos lograr este tipo de vista en React Native, o hay algún componente disponible que pueda ayudar en este tema?

También lo he visto en la aplicación F8 2016, he estado buscando cómo lograr la transición y la vista tipo carrusel con desplazamiento horizontal.

Answer 1

Puede lograr esto usando ScrollView con paginación habilitada en iOS y ViewPagerAndroid en Android.

Al ser F8 una aplicación de código abierto, puede ver que eso es lo que realmente está usando: https://github.com/fbsamples/f8app/blob/master/js/common/ViewPager.js

Este componente representa todas las páginas.

Si solo desea tener las páginas visible e izquierda y derecha renderizadas para guardar la memoria, hay otro componente creado encima que lo hace: https://github.com/fbsamples/f8app/blob/master/js/common/ Carousel.js

Hay varias otras implementaciones similares disponibles:

• https://js.coach/react-native?search=carousel
• https://js.coach/react-native?search=swiper

Sin embargo, no estoy recomendando https://github.com/leecade/react-native-swiper ya que he tenido varios problemas con él.

Answer 2

Sé que la pregunta es antigua, pero un compañero de trabajo y recientemente tuve que crear un componente que responda a esta necesidad particular. Terminamos comprando abiertamente, por lo que es todo suyo probar: react-native-snap-carousel .

El plugin ahora está construido sobre FlatList (versiones> = 3.0.0), lo cual es genial para manejar grandes cantidades de elementos. También proporciona vistas previas (el efecto que buscabas ), efecto de ajuste , imágenes de paralaje , soporte de RTL y más.

Puede echar un vistazo a la vitrina para comprender qué se puede lograr con ella. No dude en compartir su experiencia con el complemento, ya que siempre intentamos mejorarlo.