Quiero usar react-native-intro-slider en mi aplicación nativa de reacción para hacer que las páginas de introducción sean un control deslizante. Ya he implementado las páginas como componentes funcionales de reacción (donde puedo importarlos y usarlos, por ejemplo: -). Pero parece que el control deslizante nativo reacciona toma una matriz de objetos json como entradas.
Ex:-
const slides = [ { key: 1, title: 'Title 1', text: 'Description.\nSay something cool', image: require('./assets/1.jpg'), backgroundColor: '#59b2ab', }, { key: 2, title: 'Title 2', text: 'Other cool stuff', image: require('./assets/2.jpg'), backgroundColor: '#febe29', }, { key: 3, title: 'Rocket guy', text: 'I\'m already out of descriptions\n\nLorem ipsum bla bla bla', image: require('./assets/3.jpg'), backgroundColor: '#22bcb5', } ];En lugar de los objetos json anteriores, quiero pasar las páginas ya creadas (componentes funcionales) como una matriz de entrada. Algo similar al siguiente código:
const slides = [ { key: 1, <Page 1/> }, { key: 2, <Page2 /> }, { key: 3, <Page3 /> } ];¿Cómo puedo hacerlo, por favor?
Eso no es parte de su API. Pero supongo que podrías cambiar componentes en la función renderItem.
const slides = ["1", "2"]; const renderItem = ({ item }) => { switch(item) { case "1": return <Page1 />; } };