Boa tarde! Gostaria de saber qual o melhor método para deixar os aplicativos responsivos, acabo testando em celulares menores eles ficam aquelas faixas amarelas. Quais são os melhores métodos para isso? Por exemplo: textos e botões sempre ficam ultrapassando, tem algum jeito de fazer com que eles encolham de acordo com a tela?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas
respostas
Responsividade
solução!
Olá Bruno, tudo bem?
Neste caso que você citou de celulares menores, o ideal seria criar as telas utilizando o LayoutBuilder, ele recebe como um dos argumentos, um valor chamado constraint que é o tamanho do espaço de acordo com o dispositivo, dessa forma você pode trabalhar com porcentagem em cima desse dado
Vou deixar um vídeo do Rodrigo Rahman que é bem conhecido na comunidade Flutter, que ele ensina a utilizar esse widget para gerar layouts responsivos
Para outros casos, como por exemplo, apenas um elemento da tela ter um tamanho responsivo, podemos utilizar o MediaQuery.of(context) para pegar altura e largura
E para criar textos e imagens que vão aumentando ou diminuindo temos o FittedBox
E o Expanded e Flexible para gerar widgets que expandem da maneira desejada
A própria documentação do Flutter traz 2 artigos bem legais também que estão em ingles, mas a linguagem é bem simples, então um tradutor pode dar conta do recado :)
Mas acredito que com o vídeo, e vendo esses Widgets ( LayoutBuilder, OrientationBuilder, FittedBox) citados você consiga trabalhar muito bem para gerar um app totalmente responsivo :)
Abraços e Bons Estudos!
Obrigado, me ajudou bastante!