[ HELPER ] Problema de renderizar imagens - React Native
Estou enfrentando um problema ao renderizar algumas imagens que vêm da internet. O comportamento é um pouco inconsistente: às vezes elas são renderizadas corretamente, outras vezes não. Não consigo identificar um padrão específico para esse problema.
Alguém já passou por uma situação semelhante? Se sim, como vocês lidaram com isso? Alguma sugestão seria muito apreciada.
Obrigado!
return (
<View style={styles.container}>
<Text style={styles.text}>Hello Word </Text>
<ScrollView>
{isLoading && comics.length !== 0 ? (
<>
{comics.map((item, index) => (
<View key={index} style={styles.containerComics}>
<Image style={styles.image} source={{uri: item?.thumbnail}} />
</View>
))}
</>
) : (
<ActivityIndicator
size={'large'}
color={'#C3124D'}
style={{marginTop: 20}}
/>
)}
</ScrollView>
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
padding: 20,
},
text: {
fontSize: 20,
color: '#000',
width: '100%',
},
containerComics: {
paddingBottom: 20,
flexDirection: 'row',
alignContent: 'center',
alignItems: 'center',
marginBottom: 20,
gap: 20,
},
});