Postagens

Mostrando postagens com o rótulo React Native

Destaques

Haylou Solar Pro: Vale a Pena em 2025?

Imagem
Se você está em busca de um smartwatch com cara de relógio que seja bonito, acessível, repleto de recursos úteis e com uma ótima autonomia de bateria, o Haylou Solar Pro pode ser uma excelente opção dentro de tantas opções no mercado. Para facilitar a escolha, resolvi fazer este pequeno review com o propósito de analisar as principais características, vantagens e possíveis pontos negativos deste modelo da Haylou, que é uma marca subsidiária da Xiaomi. Design e Construção O Haylou Solar Pro mantém o design elegante e minimalista que tornou a linha Solar popular. Mas agora ele conta com uma tela AMOLED de 1,43 polegadas  com poucas bordas e um elegante taquímetro ao redor de seu bezel. Ela entrega cores vibrantes, excelente visibilidade, mesmo sob luz solar intensa e um acabamento resistente a riscos e impermeável. O corpo é construído em liga de alumínio , de cor cinza chumbo, tornando-o resistente e ao mesmo tempo leve no pulso. A pulseira de silicone é confortável e pode ser troc...

Como migrar um projeto em Expo para React Native

Imagem
Olá pessoal, tudo bem? Durante o desenvolvimento de aplicações mobile em React Native, pode ser comum alguns desenvolvedores preferirem, a princípio, criar aplicações utilizando o ferramenta Expo CLI, pois ela facilita algumas partes mais complexas do código nativo, permitindo aos desenvolvedores dedicarem mais tempo ao projeto e menos nas configurações do código nativo. Porém, como o Expo não permite a integração de API's nem a execução de códigos nativos, pode chegar em um momento onde será necessário migrar o projeto em Expo CLI para React Native CLI. Como fazer? Para realizar a migração, o processo é muito simples, desde que o projeto esteja funcionando e executando o processo de build normalmente , sem erros. Tudo o que precisa fazer é executar o comando abaixo dentro de um terminal no diretório raíz do projeto: expo eject Após executar este comando, o Expo perguntará qual será o nome do pacote do projeto. Digite o nome desejado e tecle Enter : Ao final do processo, dois diret...

Como alterar os ícones dos aplicativos em React Native CLI

Imagem
Olá pessoal. Finalizando essa parte de desenvolvimento e publicação de projetos baseados em React Native, eu gostaria de mostrar a vocês mais uma etapa importante durante o processo de desenvolvimento, que é a adição de ícones para os nossos aplicativos, e como é possível substituir os ícones que são gerados por padrão nos aplicativos desenvolvidos em React Native para Android de maneira bem simples e rápida, através de um serviço na nuvem que facilita bastante a geração desses artefatos tão importantes que representam uma parte da identidade visual do nosso app. Vamos lá? Primeiro passo Antes de começar, é importante que o ícone desenvolvido atenda a alguns requisitos para garantir melhor qualidade visual: Ele deve ter aspecto 1:1 e possuir resolução de pelo menos 1024 por 1024 pixels; Ele precisa estar no formato PNG, com fundo transparente ou não; É recomendável que ele atenda as normas de design estabelecidas pela Google . Segundo passo Feito isso, basta acessar a página do projeto...

Como publicar um projeto em React Native na Play Store

Imagem
Olá pessoal! Depois de várias semanas, meses ou mesmo anos desenvolvendo e testando o novo aplicativo, finalmente chega o momento de publicá-lo na PlayStore! Quem utiliza o Expo CLI para o desenvolvimento em React Native consegue se beneficiar das muitas facilidades que ele proporciona durante o processo de publicação, sendo uma alternativa excelente para quem, assim como eu, está começando. Mas e no React Native CLI, como fazemos para gerar o famoso APK e o AAB para publicar na PlayStore ou em qualquer outra loja compatível? É isso que eu gostaria de mostrar a vocês, pois apesar de não ser tão simples como no Expo, ainda sim é menos difícil do que parece. Vamos lá? Primeiro passo A primeira coisa a se fazer é criar uma chave privada. Para isso, podemos utilizar a ferramenta Keytool , disponível no próprio Java Development Kit (JDK). Então acessamos a pasta raíz do projeto, navegamos até a pasta Android/app e abrimos um terminal que aponte para este diretório: Em seguida, executamos o...

Como alterar o nome do pacote do projeto em React Native CLI

Imagem
Olá pessoal! Muitas pessoas, assim como eu, que estão no início da jornada do desenvolvimento em React/React Native, em algum momento pode ter se deparado com um problema muito comum que ocorre quando precisamos ou apenas desejamos alterar o nome do pacote do nosso projeto em React Native, também chamado de Package Name, que nada mais é uma das formas de identificação única que o nosso projeto recebe para ser utilizado durante a publicação em uma loja compatível. Geralmente ele possui um nome do tipo com.nomedoapp  e eu gostaria de mostrar a vocês uma maneira bem simples de alterar, vamos lá?  Mas afinal, por que e quando mudar? Antes de colocarmos a mão na massa, é importante sabermos - caso ainda não saiba - por que e quando devemos mudar o nosso package name. Assim como um ID, o package name é uma identificação única em formato de nome onde cada aplicativo hospedado em uma loja compatível precisa ter. Ou seja, existe apenas um aplicativo chamado com.facebook.katana na PlayS...