Tengo una FlatList principal que, en su pie de página, puede mostrar otra flatlist o una simple vista de desplazamiento.

 const renderFooter1 = () => { return <ScrollView> ... </ScrollView>; } const renderFooter2 = () => { return <FlatList ... />; } // Note: I am not doing this in real life, just an example for handling both possible footers return ( <FlatList refreshControl={renderRefreshControl()} ListHeaderComponent={renderHeader()} ListFooterComponent={Math.random() * 10 > 0.5 ? renderFooter1() : renderFooter2()} showsVerticalScrollIndicator={false} /> );

El problema que estoy experimentando es que, a veces, al desplazarse hacia abajo, el componente que se desplaza es el pie de página y no la lista principal.

¿Cómo puedo evitar ese comportamiento?