caramba mano que aula e essa esse professor deixa os caras da udemy no chinelo facil so com essa aula aff professor o senhor tem curso >?? queria muito conhecer mais o seu trabalho
Esperei um tempão por um vídeo como esse, eu estava fazendo a responsividade de uma forma diferente, não creio que estivesse erradas, mas proporcionava algumas diferenças visíveis entre plataformas
Show Rodrigo, parabéns! Sobre o SafeArea, só setar o parâmetro bottom = false e daí resolve esse problema de aparência nos iphones maiores na parte de baixo. Abraço!
Que aula maravilhosa, para eu que estou aprendendo, já pensava em como deixar os apps responsivos, e agora aqui você explicou muito bem como fazer, parabéns pelo conteúdo sensacional...
Legal, seria legal um vídeo mostrando como fazer a transição de layout baseado na orientação. Por exemplo de o celular estiver na horizontal, mostrar com layout um ao lado do outro, e quando tiver na vertical, um em cima do outro.
Excelente vídeo!! Sério... Está muito bem explicado, por favor continue. Você teria algum conteúdo explicando a aplicação do admob no clique de um botão por exemplo?
Sim, fica de sugestão, não sei tu já pretende fazer isso na Dart Week, mas trazer push notifications seria sensacional, já implementei manualmente, mas não consegui automatizar com responses da API
Fala Lucas tudo bem ? Dessa vez não teremos push notification pois vamos construir um backend em dart, mas já vou deixar anotado para colocarmos no próximo evento 😉
Isso funciona para telas 'Scrollables'? Por exemplo, se eu quiser aplicar esse conceito à um 'SingleChildScrollView', que tem como filho uma 'Column' e essa 'Column' tem como filhos vários 'Containers'...
Olá Rodrigo, tenho uma sugestão de vídeo pra você, um vídeo de como criar packages para enviar para o pub.dev do Flutter, usando as melhores práticas, criando os arquivos readme, pasta example com projeto de exemplo usando o package etc...eu mesmo ja fui criar packages mas fiquei meio perdido nisso em como fazer certinho, uso Android Studio.
Parabéns Rodrigo! Muito legal o video. Mas fiquei com uma dúvida... Voce fez a página Home ter uma responsividade. Até aí tudo bem mas e para as outras paginas da aplicaçao ? Eu tenho que repetir todo o codigo da Home ? Ou configurar a responsividade de maneira global ? Abraços.
Fala eduardo tudo bem ? A responsividade é tela por tela, cada tela tem seus containers seus columns então vc terá que fazer em cada um delas. ;-) grande abraço
Se você quiser manter a fonte do mesmo tamanho em diferentes escalas de fontes você pode setar textScaleFactor nas propriedades do Text e também utilizar o MediaQuery.of(context).textScaleFactor para obter o fator de escala da fonte do celular em si. Outra dica é sempre utilizar Flexible ou Expanded para quebra de linha ou limitar uma quantidade de linhas com maxLines e definir um overflow para o texto também no Widget Text
Todo mundo mostra estes container, mas ninguém mostra conteúdo com botões que podem fazer diversas ações, acho que java não faz isso, ficando uma linguagem a ser esquecida como o kotlin. ambas fracas demais para um aplicativo de verdade.
caramba mano que aula e essa esse professor deixa os caras da udemy no chinelo facil so com essa aula aff professor o senhor tem curso >?? queria muito conhecer mais o seu trabalho
Publiquei um app na playstore e fiquei frustado quando o pessoal reclamava que não ficava legal em certos celulares. Seu video ajudou muito!
Qual é o app?
@@pauloqueiroz1 play.google.com/store/apps/details?id=calculadora.me&hl=pt_BR
kkkkkkkkkkkkkkk belo nome pro App..
Esse vídeo caiu do céu Rod... Muito thanks, man!
Parabéns, show de bola dessa forma fica fácil de aprender que Deus continue abençoando
Vídeo muito bom Rodrigo, Dart week estarei lá!!
Eu já trabalhava com MediaQuery e SafeArea mas este LayoutBuilder é bem melhor. Nice!
GRande MEstre Rodrigo!!! Excelente aula, ULTRA PROVEITOSA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! LayoutBuilder e simplesmente fenomenal.. Valew GRande MEstre
Esperei um tempão por um vídeo como esse, eu estava fazendo a responsividade de uma forma diferente, não creio que estivesse erradas, mas proporcionava algumas diferenças visíveis entre plataformas
Show Rodrigo, parabéns! Sobre o SafeArea, só setar o parâmetro bottom = false e daí resolve esse problema de aparência nos iphones maiores na parte de baixo. Abraço!
Que aula maravilhosa, para eu que estou aprendendo, já pensava em como deixar os apps responsivos, e agora aqui você explicou muito bem como fazer, parabéns pelo conteúdo sensacional...
Show... perfeito... já tinha visto o LayoutBuild mas não tinha entendido o seu funcionamento, agora ficou claro e vou passar a usá-lo.
É o Rahman!
Show de bola Rodrigo, parabéns pelo conteúdo, bem limpo, didático e acrescenta muito à comunidade, abraço.
Sensacional
pub.dev/packages/flutter_screenutil o Rodrigo, vc que tomou a frente em produzir esse assunto. Esse packages é uma mão na roda!
Show de bola, já tinha visto mas não analisei ele com calma. Vou olhar com mais carinho obrigado 😉
Legal, seria legal um vídeo mostrando como fazer a transição de layout baseado na orientação. Por exemplo de o celular estiver na horizontal, mostrar com layout um ao lado do outro, e quando tiver na vertical, um em cima do outro.
Muito legal!!! ajudou bastante!
Muito bom Rodrigo, parabéns pela explicação, ajudou muito mesmo aqui, obrigado...
Aulas 🖐
Vídeo bacana. Parabéns pela didática. Dicas bem legais. Sugestão de video de responsividade de tamanho de fonte de texto. Forte abraço ..
Que aula! Parabéns pela Didática!
Excelente aula e ótima didática! parabéns!!!
Muito bom! EU estava com problema com isso...
Muito bom vídeo rodrigo
Excelente vídeo!! Sério... Está muito bem explicado, por favor continue. Você teria algum conteúdo explicando a aplicação do admob no clique de um botão por exemplo?
salvou meu dia Rodrigo, muito obrigado
Sim, fica de sugestão, não sei tu já pretende fazer isso na Dart Week, mas trazer push notifications seria sensacional, já implementei manualmente, mas não consegui automatizar com responses da API
Fala Lucas tudo bem ? Dessa vez não teremos push notification pois vamos construir um backend em dart, mas já vou deixar anotado para colocarmos no próximo evento 😉
@@rodrigorahman Show
Opa, ótimo video. mas sabe me dizer como descontar o espaço do BottomNavegationBar?
muito massa!
se vc pudesse dizer o comando que apertou pra arrumaro código em 18:14 , e tbm qual a extensão que mostra esses indicadores no lado esquerdo do código
Muito bom!!!
Que cara bom
Show esse video!! Me ajudou bastante!
Isso funciona para telas 'Scrollables'? Por exemplo, se eu quiser aplicar esse conceito à um 'SingleChildScrollView', que tem como filho uma 'Column' e essa 'Column' tem como filhos vários 'Containers'...
Como ficaria a responsividade dos elementos de dentro do container como fotos, imputs e textos?
Muchas gracias, excelente!!!
Aula maravilhosa
Olá Rodrigo, tenho uma sugestão de vídeo pra você, um vídeo de como criar packages para enviar para o pub.dev do Flutter, usando as melhores práticas, criando os arquivos readme, pasta example com projeto de exemplo usando o package etc...eu mesmo ja fui criar packages mas fiquei meio perdido nisso em como fazer certinho, uso Android Studio.
show!
pra deixar essa estrutura com esses pontilhados no código é um pluguin?
Parabéns Rodrigo! Muito legal o video. Mas fiquei com uma dúvida... Voce fez a página Home ter uma responsividade. Até aí tudo bem mas e para as outras paginas da aplicaçao ? Eu tenho que repetir todo o codigo da Home ? Ou configurar a responsividade de maneira global ? Abraços.
Fala eduardo tudo bem ? A responsividade é tela por tela, cada tela tem seus containers seus columns então vc terá que fazer em cada um delas. ;-) grande abraço
@@rodrigorahman Valeu ! Obrigado !
Qual plugin você usa para mostrar a descrição do erro na mesma linha ?
Fala Luís Error Lens
Salve Rodrigo, poderia me dizer qual o nome deste plugin que da essas dicas de correções no código durante o desenvolvimento?
Fala Lucio tudo bem ? Se chama error lens 😉
como eu deixo o vscode com essas linhas quebrada ligando os widgets tipo a que passa body, child,container
Olá Mauricio bom dia tudo bem com você?
Então pra fazer isso basta você ir em settings do vscode e procurar por Flutter Outline
Grande abraço
se vc usar essar o MediaQuery dentro do widget SafeArea nao resolve o problema que da quando ele faz a conta junto com o appBar?
resolve?
E com relação ao tamanho de fonte, o que vc recomenda?
A propósito, excelente conteúdo!
Se você quiser manter a fonte do mesmo tamanho em diferentes escalas de fontes você pode setar textScaleFactor nas propriedades do Text e também utilizar o MediaQuery.of(context).textScaleFactor para obter o fator de escala da fonte do celular em si. Outra dica é sempre utilizar Flexible ou Expanded para quebra de linha ou limitar uma quantidade de linhas com maxLines e definir um overflow para o texto também no Widget Text
testei com imagens e sempre fica preenchimentos dos lados. Será um bug da linguagem??
Victor provavelmente não é um Bug não. Entra lá na comunidade e manda o código pra gente ver. discord.gg/Tf6AVN3
@@rodrigorahman Ok
6:34 queria muito que ainda ficasse no centro assim, mas algum idiota tirou o crossalignment da column, e a COLUMN só alinha na vertical agora
Envolve com um Center que deve resolver
@@rodrigorahman funciona mas em alguns casos não, como por exemplo botei um center dentro de uma coluna, e o texto dentro do center nem se mexe
Todo mundo mostra estes container, mas ninguém mostra conteúdo com botões que podem fazer diversas ações, acho que java não faz isso, ficando uma linguagem a ser esquecida como o kotlin. ambas fracas demais para um aplicativo de verdade.
Botões com diversas ações? Manda no meu Instagram um exemplo disso que vemos como montar pra vc 😉 pode ser uma imagem ou algum app que faça 😉 tmj