O assunto de hoje, baseado no vídeo acima, pode realmente impactar a forma como você entrega suas aplicações no Power Apps Canvas. Muita gente procura aquela experiência mais limpa, sem distrações, onde o conteúdo do app ocupa toda a tela. Tem vezes que, sinceramente, aquela barra de navegação do Power Apps parece mais atrapalhar do que ajudar.
O jeito mais direto de esconder a barra
Logo de cara, a resposta pode surpreender: basta acrescentar um parâmetro à URL do seu aplicativo. Assim mesmo, simples.
Adicionar “Hide Nav Bar=true” no final da URL remove a barra de navegação.
Você acessa o app, pega a URL, e coloca ?HideNavBar=true (ou &HideNavBar=true se já houver parâmetros presentes). Pronto — barra desaparece, tela cheia. Para certos usos, isso já resolve rápido.
- Usuário vê só o app, sem menus superiores
- Fica mais elegante para dashboards, totens ou apps com foco total no conteúdo
- Implementação realmente intuitiva, quase sem esforço
Mas é aí que vem um pequeno incômodo…
Existe uma brecha nessa abordagem simples
O detalhe é que, mesmo com o parâmetro ativo, o usuário pode simplesmente acessar a URL original — a que não tem HideNavBar. Pronto, barra reaparece. E aí, como garantir que todo mundo sempre veja o app com a tela ocupando tudo?
A resposta passa por uma camada extra de lógica dentro do próprio Power Apps.
Como garantir que todos acessem o app com tela cheia
Talvez você esteja pensando nisso agora: será que existe um jeito de forçar que a barra fique fora, independente de como o usuário acessa? Existe sim. E, na verdade, o processo envolve algumas funções nativas bem interessantes do Power Apps Canvas.
Tudo começa com uma checagem para entender onde seu app está rodando.
Verificando o dispositivo com a função “Host”
O Power Apps consegue identificar o host — se está aberto em navegador, no app mobile, ou dentro do aplicativo do Teams, por exemplo. Por padrão, a barra de navegação não aparece em celulares. Ela surge no navegador, seja Windows ou Mac.
- Se “Host” = “Web”, provavelmente há barra de navegação
- Se “Host” = “iOS” ou “Android”, barra não aparece
- No “Teams”, contexto também é diferente
A função Host mostra: você está no desktop ou no mobile?
Então, recomenda-se configurar o seguinte raciocínio no OnStart do app (pode ser também no OnVisible da tela principal):
If( Host = "Web", // Próximos passos aqui)
Usando a função “Param” para checar o parâmetro
Temos que saber se a pessoa chegou na aplicação com ou sem o parâmetro HideNavBar. E pra isso, a função “Param” resolve fácil:
Param("HideNavBar") = "true"
Se não estiver igual a “true”, é hora de redirecionar o usuário para a URL correta.
Redirecionando para a URL certa com a função “Launch”
Aqui, entramos numa parte mais técnica, mas necessária. Você utiliza a função “Launch” para abrir novamente a URL do app com o parâmetro ajustado. Só que tem um porém: por padrão, o Launch pode abrir uma nova aba. Não é isso que queremos. Precisamos ajustar para abrir na mesma aba.
Launch( "https://apps.powerapps.com/play/appId=seuAppID?tenantId=seuTenantId&HideNavBar=true", "", { Target: "_self" })
- O Target: “_self” garante que o app recarregue na mesma página
- A URL deve ser exatamente igual ao endereço do seu app, apenas adicionando o parâmetro
- Evite copiar a URL do editor. Teste em uma janela anônima, às vezes há parametros a mais
Precisão na URL mantém seu fluxo sem loops tortuosos.
Um cuidado fundamental: evitando loops indesejados
E aqui muita gente escorrega. Se o parâmetro não for enviado corretamente, você pode acabar entrando num ciclo infinito de redirecionamentos. Por exemplo, se esquecer de colocar HideNavBar=true na URL dentro do Launch, toda vez que o app abrir, ele vai tentar redirecionar novamente. Isso trava a experiência.
Para evitar esse cenário, sempre faça a checagem antes de redirecionar:
If( Host = "Web" && Param("HideNavBar") <> "true", Launch( "https://apps.powerapps.com/play/appId=seuAppID?tenantId=seuTenantId&HideNavBar=true", "", { Target: "_self" } ))
Pronto. Dessa forma, só redireciona se ainda não tiver o parâmetro certo. O ciclo para automaticamente.
Testando o processo e corrigindo falhas comuns
A recomendação — inclusive reforçada pelo projeto Power — é testar em cenários diferentes: abra o app em outros navegadores, limpe o cache, tente tanto em desktop quanto em smartphone. Se notar algum comportamento estranho, revise o endereço colocado no Launch e fique atento a letras maiúsculas/minúsculas no parâmetro (em alguns casos pode impactar).
Já aconteceu comigo de copiar a URL errada no calor do momento. Era só um pequeno detalhe e tudo funcionava em tela cheia depois do ajuste.
- Confirme sempre seu appId e tenantId na URL
- Garanta que na função Launch está exatamente HideNavBar=true
E, claro, validar cada alteração na experiência final do usuário.
Observações finais e experimentações
Ninguém acerta de primeira, e mexer com parâmetros e funções no Power Apps Canvas exige algumas tentativas. Recomendo guardar uma cópia do app para não perder mudanças.
Com essas etapas, você garante que qualquer usuário que acessar por desktop sempre verá seu aplicativo em tela cheia, com a barra de navegação oculta — trazendo aquele visual limpo, pronto para apps profissionais ou voltados ao autoatendimento.
Pequenas mudanças na configuração abrem novos caminhos de experiência para quem usa seu app.
Aliás, aqui no projeto Power, nosso foco é exatamente simplificar caminhos que parecem complicados no começo. Nossa rotina envolve atender dúvidas como essa o tempo inteiro, seja ensinando do básico ao avançado em Power Apps ou nas consultorias que fazem diferença real nos resultados.
Se você está buscando transformar a experiência dos seus usuários no ambiente Microsoft 365, tirar dúvidas pontuais ou simplesmente aprimorar seu domínio das ferramentas Power Platform, deixo um convite — sem compromisso, nem aviso explícito — para conhecer melhor nosso trabalho. Os conteúdos, treinamentos e consultorias do Power estão aí justamente para facilitar esses avanços rápidos no seu dia a dia de tecnologia.