Curso de React Native - Curso de React Native #16: Carregando Imagem

Aprenda a programar - Confira em: https://hotm.art/pacote-aprenda-a-programar Neste vídeo você vai aprender como carregar uma imagem na tela do seu aplicativo feito em React Native. O React Native fornece uma maneira unificada de gerenciar imagens e outros arquivos de mídia em seus aplicativos iOS e Android. Para adicionar uma imagem estática ao seu aplicativo, coloque-a em algum lugar na árvore do código-fonte e faça referência a ela, assim: Image source={require('./my-image.png')} O nome da imagem é resolvido da mesma forma que os módulos JS são resolvidos. No exemplo acima, o packager procurará my-image.png na mesma pasta que o componente que o requer. Além disso, se você tiver my-image.ios.png e my-image.android.png, o packager irá escolher o arquivo correto para a plataforma. Você também pode usar os sufixos @2x e @3x para fornecer imagens para diferentes densidades de tela. Por exemplo, se você tem os arquivos: image.png [email protected] [email protected] E no seu código você tem: Image source={require('./image.png')} O packager irá agrupar e exibir a imagem correspondente à densidade da tela do dispositivo. Por exemplo, [email protected], será usado em um iPhone 7, enquanto que [email protected] será usado em um iPhone 7 Plus ou em um Nexus 5. Se não houver uma imagem que corresponda à densidade da tela, a melhor opção mais próxima será selecionada. Esta é a décima sexta parte do curso de React Native gratuito, que busca ser completo para que você possa entender como criar aplicativos para android e ios utilizando código javascript e react. Um abraço, Developer Plus