Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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?
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!