1
resposta

Imagem não aparece

Tentei responder nos tópicos sobre o mesmo assunto, mas não encontrei onde fazer isso. Desculpem se estou sendo um tanto repetitivo.

Estou acompanhado a aula e seguindo os exatos passos, mas a imagem no meu projeto não aparece.

Segue o conteúdo do meu arquivo App.js

import react from 'react';
import { View } from 'react-native';
import Loja from './src/telas/Loja'

export default function App() {
      return (
            <View>
                    <Loja/>
            </View>
      );
}

arquivo Loja.js

import react from "react";
import {Text, View, Image} from 'react-native';
import topo from '../../assets/lojaImg/pentagono.jpg';

export default function Loja(){
        return <View>
                        <Text>antes da imagem</Text>
                                <Image source={topo}/>
                        <Text>depois da imagem</Text>
                    </View>
}

Não consigo imaginar onde eu possa estar errando. Troquei os tipos de imagens, usando PNG, SVG e JPG também não aparecem, apenas os textos.

Alguns minutos após criar o tópico testes o recurso require (source={require('endereço')} também não funcionou

1 resposta

na frente do return esta faltando o ' <> ' e no final '</>'