Tengo una lista de secciones en una aplicación React Native. Funciona a toda velocidad en dispositivos IOS, pero es mucho más lento en dispositivos Android. He hecho todas las optimizaciones posibles. El mayor problema es que cuando se desplaza muy rápido, la lista muestra una pantalla negra, mientras que todas mis filas son grises. Así que se ve raro y con errores.
¿Es posible mostrar un marcador de posición mientras se desplaza la lista (una fila gris vacía con un borde inferior)? ¿O al menos un fondo gris en mi lista?
El código es:
<SafeAreaView style={styles.container}> <SectionList removeClippedSubviews={true} maxToRenderPerBatch={8} initialNumToRender={8} viewabilityConfig={{ minimumViewTime: 300, viewAreaCoveragePercentThreshold: 100, waitForInteraction: true, }} sections={data} keyExtractor={(item) => item.name} renderItem={({ item }) => <ProfileCard profile={item} />} renderSectionHeader={({ section: { title } }) => ( <Text style={styles.header}>{title}</Text> )} /> </SafeAreaView> const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: Color.black, width: "100%", paddingHorizontal: 12, paddingTop: StatusBar.currentHeight, //12 }, header: { fontSize: 16, padding: 12, color: Color.white, fontWeight: "700", backgroundColor: Color.black_medium, } });