[Flutter] - Responsivo/Adaptativo deixando seu aplicativo igual em qualquer dispositivo

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 68

  • @washinerdev4355
    @washinerdev4355 4 роки тому +1

    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

  • @MatheusLima-hm1if
    @MatheusLima-hm1if 4 роки тому +15

    Publiquei um app na playstore e fiquei frustado quando o pessoal reclamava que não ficava legal em certos celulares. Seu video ajudou muito!

  • @rafando
    @rafando 3 роки тому +1

    Esse vídeo caiu do céu Rod... Muito thanks, man!

  • @jilmarpurificacao1927
    @jilmarpurificacao1927 2 роки тому

    Parabéns, show de bola dessa forma fica fácil de aprender que Deus continue abençoando

  • @esdrassilva6738
    @esdrassilva6738 4 роки тому +2

    Vídeo muito bom Rodrigo, Dart week estarei lá!!

  • @endhellopes6453
    @endhellopes6453 4 роки тому +1

    Eu já trabalhava com MediaQuery e SafeArea mas este LayoutBuilder é bem melhor. Nice!

  • @petroniobonavides3530
    @petroniobonavides3530 4 роки тому

    GRande MEstre Rodrigo!!! Excelente aula, ULTRA PROVEITOSA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! LayoutBuilder e simplesmente fenomenal.. Valew GRande MEstre

  • @alvesluk
    @alvesluk 4 роки тому +2

    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

  • @arthurgiani5139
    @arthurgiani5139 4 роки тому +2

    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!

  • @renatonunes3186
    @renatonunes3186 2 роки тому

    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...

  • @alexpassos590
    @alexpassos590 4 роки тому +1

    Show... perfeito... já tinha visto o LayoutBuild mas não tinha entendido o seu funcionamento, agora ficou claro e vou passar a usá-lo.

  • @maydana.programador
    @maydana.programador 2 роки тому

    É o Rahman!

  • @kanri-app
    @kanri-app 4 роки тому +2

    Show de bola Rodrigo, parabéns pelo conteúdo, bem limpo, didático e acrescenta muito à comunidade, abraço.

  • @jarodcavalcante
    @jarodcavalcante 3 роки тому +1

    Sensacional

  • @rafaelsilvagazani
    @rafaelsilvagazani 4 роки тому +1

    pub.dev/packages/flutter_screenutil o Rodrigo, vc que tomou a frente em produzir esse assunto. Esse packages é uma mão na roda!

    • @rodrigorahman
      @rodrigorahman  4 роки тому

      Show de bola, já tinha visto mas não analisei ele com calma. Vou olhar com mais carinho obrigado 😉

  • @FilipeNanclarez
    @FilipeNanclarez 3 роки тому +1

    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.

  • @PedroDomingues
    @PedroDomingues Рік тому

    Muito legal!!! ajudou bastante!

  • @willgoncalvescruz
    @willgoncalvescruz 2 роки тому

    Muito bom Rodrigo, parabéns pela explicação, ajudou muito mesmo aqui, obrigado...

  • @VictorOnFlutter
    @VictorOnFlutter 11 місяців тому

    Aulas 🖐

  • @leonardoventocilla3275
    @leonardoventocilla3275 4 роки тому

    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 ..

  • @carloseduardocamposdeolive206
    @carloseduardocamposdeolive206 2 роки тому

    Que aula! Parabéns pela Didática!

  • @luizzlcs
    @luizzlcs 2 роки тому

    Excelente aula e ótima didática! parabéns!!!

  • @joaodutra
    @joaodutra 4 роки тому +1

    Muito bom! EU estava com problema com isso...

  • @ancorainvest
    @ancorainvest 3 роки тому

    Muito bom vídeo rodrigo

  • @RicardoSampazz
    @RicardoSampazz 4 роки тому

    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?

  • @jefersonwdc
    @jefersonwdc 4 роки тому +1

    salvou meu dia Rodrigo, muito obrigado

  • @alvesluk
    @alvesluk 4 роки тому

    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

    • @rodrigorahman
      @rodrigorahman  4 роки тому

      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 😉

    • @alvesluk
      @alvesluk 4 роки тому

      @@rodrigorahman Show

  • @rafaelenicolasgangaepincel2385
    @rafaelenicolasgangaepincel2385 3 роки тому

    Opa, ótimo video. mas sabe me dizer como descontar o espaço do BottomNavegationBar?

  • @ricardodaniel4353
    @ricardodaniel4353 11 місяців тому

    muito massa!

  • @percepcao7160
    @percepcao7160 2 роки тому

    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

  • @mateusisrael9825
    @mateusisrael9825 2 роки тому

    Muito bom!!!

  • @maydana.programador
    @maydana.programador 2 роки тому

    Que cara bom

  • @cesaraugusto.developer
    @cesaraugusto.developer 3 роки тому

    Show esse video!! Me ajudou bastante!

  • @happymothersdayci
    @happymothersdayci 2 роки тому

    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'...

  • @BryanGamesBr
    @BryanGamesBr 2 роки тому

    Como ficaria a responsividade dos elementos de dentro do container como fotos, imputs e textos?

  • @luisrobertonavarro7581
    @luisrobertonavarro7581 2 роки тому

    Muchas gracias, excelente!!!

  • @antonioguilherme1844
    @antonioguilherme1844 2 роки тому

    Aula maravilhosa

  • @d-apps2699
    @d-apps2699 4 роки тому

    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.

  • @wistersousa6716
    @wistersousa6716 2 роки тому

    show!

  • @hugo_ia
    @hugo_ia 4 роки тому

    pra deixar essa estrutura com esses pontilhados no código é um pluguin?

  • @eduardomattos8932
    @eduardomattos8932 4 роки тому

    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.

    • @rodrigorahman
      @rodrigorahman  4 роки тому +1

      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

    • @eduardomattos8932
      @eduardomattos8932 4 роки тому

      @@rodrigorahman Valeu ! Obrigado !

  • @munhozzzz333333
    @munhozzzz333333 4 роки тому +1

    Qual plugin você usa para mostrar a descrição do erro na mesma linha ?

  • @Lucio87
    @Lucio87 4 роки тому

    Salve Rodrigo, poderia me dizer qual o nome deste plugin que da essas dicas de correções no código durante o desenvolvimento?

    • @rodrigorahman
      @rodrigorahman  4 роки тому +1

      Fala Lucio tudo bem ? Se chama error lens 😉

  • @mauricioroberto5623
    @mauricioroberto5623 4 роки тому

    como eu deixo o vscode com essas linhas quebrada ligando os widgets tipo a que passa body, child,container

    • @rodrigorahman
      @rodrigorahman  4 роки тому

      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

  • @royizzi
    @royizzi 4 роки тому

    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?

  • @rafaelsilvagazani
    @rafaelsilvagazani 4 роки тому

    E com relação ao tamanho de fonte, o que vc recomenda?

    • @rafaelsilvagazani
      @rafaelsilvagazani 4 роки тому

      A propósito, excelente conteúdo!

    • @gabrielvictordev
      @gabrielvictordev 4 роки тому

      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

  • @VICTORFERREIA1987
    @VICTORFERREIA1987 3 роки тому

    testei com imagens e sempre fica preenchimentos dos lados. Será um bug da linguagem??

    • @rodrigorahman
      @rodrigorahman  3 роки тому

      Victor provavelmente não é um Bug não. Entra lá na comunidade e manda o código pra gente ver. discord.gg/Tf6AVN3

    • @VICTORFERREIA1987
      @VICTORFERREIA1987 3 роки тому

      @@rodrigorahman Ok

  • @percepcao7160
    @percepcao7160 2 роки тому

    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

    • @rodrigorahman
      @rodrigorahman  2 роки тому +1

      Envolve com um Center que deve resolver

    • @percepcao7160
      @percepcao7160 2 роки тому

      @@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

  • @oscarrenan4759
    @oscarrenan4759 10 місяців тому

    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.

    • @rodrigorahman
      @rodrigorahman  10 місяців тому

      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