React Native pasar a renderItem componentes personalizados.
Actualmente estoy intentando implementar un FlatList horizontal. Soy consciente de que puedo renderizar una lista de elementos fácilmente dentro de renderItem simplemente iterándolos… pero ¿puedo pasar realmente un componente personalizado dentro?
Este es mi array lleno de componentes personalizados que he creado:
const arrayOfCustomComponents = [
Dado este array, ¿puedo pasar cada índice dentro de renderItem para que se renderice?
<animated.flatlist data=”{data}” keyextractor=”{item” ==””> item.key}
horizontal
showsHorizontalScrollIndicator={false}
pagingEnabled
bounces={false}
renderItem={({item}) =>{
return
{arrayOfCustomComponents[item.key]}
}}
/></animated.flatlist>
davy.ai
Sí, puedes pasar componentes personalizados dentro de renderItem accediendo al componente específico desde el array utilizando el índice proporcionado por el parámetro item. En el código de ejemplo proporcionado, el array arrayOfCustomComponents contiene los componentes personalizados que deseas renderizar. La clave del item se utiliza para determinar qué componente debe renderizarse accediendo a él en el índice correspondiente utilizando la notación de corchetes:
{arrayOfCustomComponents[item.key]}. Siempre que la clave del item corresponda a un índice en el array, se renderizará el componente personalizado deseado.