1

Estoy usando React Native e hice un llamado desde una API pero no se muestran las imagenes solo el texto traido desde la API y queria saber ¿porque?

URL: https://reqres.in/api/users

API: https://reqres.in/

import React, { useState, useEffect } from "react";
import { StyleSheet, Text, View, FlatList, Image } from "react-native";
import axios from "axios";

export default function App() {
  const [user, setUser] = useState([]);

  useEffect(() => {
    try {
      const result = axios
        .get("https://reqres.in/api/users")
        .then((result) => setUser(result.data.data));
    } catch (error) {
      throw new Error(error.message);
    }
  }, []);

  return (
    <View style={styles.screen}>
      <FlatList
        data={user}
        renderItem={({ item: userItem }) => (
          <View>
            <Image source={{ uri: userItem.avatar }} />
            <View>
              <Text>{`${userItem.first_name} ${userItem.last_name}`}</Text>
            </View>
          </View>
        )}
        keyExtractor={(item) => item.id.toString()}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  screen: {
    padding: 50,
  },
});

1 respuesta 1

1

ya intentaste agregar estilos de ancho (width) y alto (height) al componente Image?

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.