
Introdução Ao Mobile-first Com React Native No Ambiente Expo Snack
By Vitor Amadeu SouzaLength7h 4m
About this audiobook
Este livro é uma porta de entrada para um vasto e abrangente guia sobre desenvolvimento com React Native, proporcionando aos leitores uma base sólida e um entendimento prático das ferramentas e recursos que esta tecnologia oferece. O objetivo é facilitar o aprendizado e a aplicação de conceitos essenciais para criar aplicações móveis modernas e responsivas. O capítulo II é dedicado ao estudo dos componentes fundamentais como View, Text, Image, TextInput e muitos outros, explorando suas funcionalidades e aplicações específicas. O livro avança para exemplos práticos que incluem desde a comunicação com APIs até o desenvolvimento de interfaces interativas e elementos visuais sofisticados, como o Animated Button e carrosséis horizontais. Em sua essência, este trabalho pretende não só ensinar a codificar, mas capacitar os leitores a desenvolverem soluções completas, como aplicativos de geolocalização integrados com o Google Maps, ferramentas de acesso por biometria, sintetizadores de voz e até jogos clássicos como Jogo da Velha e Jogo da Forca. Com a leitura, espera-se que os desenvolvedores adquiram uma proficiência que permita tanto a criação de aplicativos simples quanto de aplicações mais complexas, que vão desde listas de tarefas e agendas de contatos até carteiras digitais e aplicativos de exercícios. Este livro é, portanto, uma jornada de aprendizado prático e detalhado, destinada a todos que desejam dominar o desenvolvimento de aplicativos móveis com React Native, utilizando o ambiente Expo Snack como uma plataforma de testes e desenvolvimento contínuo.
Audiobook details
GenreTechnology
Length7 hrs 4 mins
Narrated byListen with 1,000+ voices
FormateBook with Audio
Publish dateDec 10, 2024
LanguagePortuguese
Table of contents
1Vitor Amadeu Souza
2Cerne Tecnologia
3Capítulo I Metodologia de desenvolvimento
4sobre desenvolvimento com React Native, proporcionando aos leitores
5React Native renderiza componentes nativos, proporcionando
Show all chaptersShow less
6ferramentas.
7Este primeiro experimento apresenta o componente View. Para
8Obs: Não deixe de salvar o seu projeto clicando no botão Save.
9import React from 'react'; import { View, Image, StyleSheet } from 'react-native';
10Native chamado ExemploImage, que tem como objetivo exibir uma
11Este exemplo usa o componente Alert para apresentar uma
12O código apresentado define um componente funcional em
13pressionado.
14O componente ScrollView no React Native é usado para criar
15contendo diversas imagens, todas estilizadas com largura de 300
16No React Native, o componente ScrollView é utilizado para
17<Text style={styles.caption}>Forte São Tiago das Cinco Pontas - PE</Text> </View>
18Assim, o componente cria uma experiência interativa e
19SectionList exibe cabeçalhos para cada seção, que podem ser
20visualização de dados agrupados.
21"zona segura".
22FlatList é, portanto, uma ferramenta poderosa para criar interfaces
23O código apresentado para o componente FlatListExample em
24O componente Switch no React Native é um controle interativo
25O componente ActivityIndicator no React Native é utilizado
26Slider é configurado para permitir que o usuário ajuste o valor entre
27O Slider é uma solução eficaz para várias aplicações, como
28O componente Modal no React Native é uma ferramenta que
29O componente Progress.Bar em React Native é um elemento
30O componente ImageBackground no React Native permite que
31O componente é definido como uma função que retorna uma
32trechos de código ou estilos conforme necessário.
33Esse exemplo ilustra como usar o Platform.OS e Platform.select
34Esse exemplo ilustra como implementar uma navegação básica
35Ao utilizar o useWindowDimensions, você pode acessar as
36para espaçamento, enquanto o estilo dimension determina o
37A proposta deste exemplo em React Native é criar uma
38export default App;
39Além disso, o tratamento de erros na função openURL garante que
40OpenWeatherMap, visite https://openweathermap.org/.
41A PokeAPI é uma API pública e gratuita que fornece
42Pokémon.
43import React, { useState, useEffect } from 'react'; import {View,Text,FlatList,StyleSheet,ActivityIndicator} from 'react-native';
44aplicativo, armazenando tanto os dados dos Pokémon quanto o
45O código apresentado é um componente React Native que
46A função fetchPokemonData é responsável por buscar os dados
47O uso de useEffect garante que a localização seja buscada assim
48também inclui um botão que permite ao usuário atualizar
49Este exemplo aprimora o anterior, pois faz abrir o Google Maps
50// Abre o Google Maps no navegador ou app Linking.openURL(url); } };