Mobile

7 mai, 2019

Hot Reload com Xamarin.Forms

100 visualizações
Publicidade

Em 2019 tivemos um grande ressurgimento do crescimento de aplicativos móveis, tanto corporativos quanto comerciais.

Dentre as grandes tecnologias, destacam-se: React Native, Flutter e Native Script. Um dos diversos pontos das três tecnologias é a utilização de Hot Reload no desenvolvimento de aplicativos.

Hot Reload é o recurso mais listado no quesito produtividade e agilidade no desenvolvimento de apps, mas ele não é um simples recarregamento de tela – este recurso vai mais além.

Com um apenas um CTRL + S (Windows) ou Command + S (MAC OS), é possível visualizar toda UI do aplicativo direto no dispositivo ou em simuladores.

Opções de Hot Reload para Xamarin:

LiveXaml: realizei alguns testes utilizando a versão beta e gostei. Ele realmente faz o que promete, porém, o alto preço desanima. Para as licenças permanentes o valor é de aproximadamente US$ 240,00, ou para assinaturas mensais, US$ 24,00.

Uma alternativa gratuita, mas que necessita de uma rápida configuração, é o plugin Xamarin.HotReload, criado por @AndreiMisiukevich.

Fiz um fork do projeto. Veja neste link.

1- Instale via console nuget: Install-Package Xamarin.HotReload -Version 1.2.4, acesse este link ou realize a instalação por dentro do Visual Studio.

Após a instalação do pacote, tanto na PCL/NETSTANDARD quanto em todas as plataformas específicas íOS e Android.

No arquivo App.XAML.CS inicialize o componente:

  • HotReloader.Current.Start(this);

Para desenvolvedores que utilizam MAC, é necessário instalar uma extensão que está disponível aqui, ou buscando no gerenciamento de extensões do Visual Studio.

Dica: baixe do link acima de acordo com a versão instalada do Mono e importe de forma manual.

Após a inserção da extensão, acesse o menu Tools na barra de tarefas e ative a extensão

Após a ativação, execute sua aplicação e faça uma alteração em algum elemento e pressione CTRL + S.

Obrigado, galera. Vejo vocês na próxima dica.

Até mais!