Tengo este escenario en el que necesito usar una lista plana dentro de una vista de desplazamiento, pero la reacción nativa sigue mostrando una advertencia que dice que las listas virtualizadas nunca deben anidarse. Así que recurrí a mantener la vista de desplazamiento como un envoltorio y usar una vista con una funcionalidad de desplazamiento (si es posible). ¿Alguien tiene alguna idea de cómo lograr tal cosa sin usar ningún paquete de terceros? ¡Gracias por adelantado!
Tengo este problema en algunas de mis aplicaciones.
Se podría reestructurar el código y agregar los componentes por encima y por debajo de FlatList como componentes de encabezado o pie de página ( ListHeaderComponent & ListFooterComponent ).
O uno podría simplemente decirle a React Native que ignore los mensajes de error: P
Todavía no he encontrado un problema real que haya ocurrido porque ignoré la advertencia. Pero tenga en cuenta que, como no se admite, el comportamiento podría cambiar en el futuro.
Si desea ignorar los mensajes de error "VirtualizedLists should never be nested" . Solo tiene que agregar el código a continuación en su App.tsx :
import { LogBox } from "react-native"; useEffect(() => { LogBox.ignoreLogs(["VirtualizedLists should never be nested"]); });