Nesta dica mostrarei como carregar e exibir imagens locais, ou seja, a partir de uma determinado diretório de nossa aplicação React Native, usando o componente Image. Para isso nós vamos usar a propriedade source da Image e a função require(). Veja o seguinte código:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
Esta é a uma aplicação React Native completa e funcional. A imagem "carro.jpg" foi colocada em um diretório chamado "imagens" e que se situa no mesmo nível do arquivo App.js. Para facilitar o entendimento, coloquei o endereço e nome da imagem diretamente na propriedade source.
Veja agora como podemos declarar uma variável que guardará o caminho e nome da imagem e depois usar esta variável na propriedade source:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
Aqui eu coloquei a variável com o caminho e nome da imagem de forma global. Se você quiser restringi-la à classe App, o código é assim:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
|
Link para compartilhar na Internet ou com seus amigos:
