Why my images don't show?

I’m making a call to an API, I’m using React Native and React Hooks, the text shows fine but the images don’t show.
what could be the problem?
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
        .then((result) => setUser(result.data.data));
    } catch (error) {
      throw new Error(error.message);
  }, []);

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

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

Hello there.

Have you tried logging the value of the URL to a Text component?

Also, are you getting any errors to do with the origin of the image?

I’m not getting any errors that’s the extrange part and the text displays and seems good to me.

oh! I forgot to add dimension that was the problem but thanks :smiley:

style={{ height: 64, width: 64 }}

can someone please help me with the redux part just use google translate the readme is in spanish here is the repo https://github.com/Ceci007/examen

Have you worked through the Redux lessons in freeCodeCamp? https://www.freecodecamp.org/learn/front-end-libraries/redux/

I will watch thanks I have to study more