1
resposta

[Dúvida] Duvida referente a um tipo de dado

Estou utilizando flutter em um projeto e em certo ponto, tive que utilizar uma globalScale, para diminuir o tamanho de todas os widgets e tudo mais, estou usando uma globalScale = 0.6, existem alguma maneira de utilizar um "VW", para deixar esse sistema mais responsivo e que se encaixe melhor dependendo da resolução? algo como: globalScale = 60vw?

1 resposta

Olá, Lorenzo!

Infelizmente, o Flutter não possui uma unidade de medida como "vw" (viewport width) nativamente, similar ao que encontramos em CSS para web. No entanto, você pode alcançar um efeito semelhante utilizando a largura da tela do dispositivo como referência.

O equivalente ao vw em Flutter seria algo como:

double globalScale = MediaQuery.of(context).size.width * 0.6;

Isso significa que globalScale será 60% da largura da tela, ajustando-se automaticamente conforme o tamanho do dispositivo.

Neste exemplo, globalScale é calculado com base na largura da tela, simulando o comportamento de "vw". Você pode aplicar essa escala aos tamanhos dos widgets e fontes para obter um layout mais responsivo.

Espero ter ajudado! Bons estudos!

Sucesso