DropDown Menu no Flutter

Поділитися
Вставка
  • Опубліковано 15 жов 2024
  • Como adicionar e customizar um Dropdown menu no Flutter? Neste vídeo vamos aprender como usar e customizar um dropdown no Flutter (por exemplo, as bordas, hints, labels, entre outros). Mais detalhes em:
    ⚙️ material.io/co...
    📺 Confira também as Playlists:
    👉🏻 Flutter Tips: • Flutter Tips
    👉🏻 Flutter na Prática: • Flutter na Prática
    #Flutter
    #UI
    #Dropdown

КОМЕНТАРІ • 56

  • @clelsonaugusto1218
    @clelsonaugusto1218 2 роки тому +5

    Seu canal é muito bom, parabéns. O que eu mais gosto é que você não fica com enrolação. Tem canal que demora 10 minutos pra ensinar trocar a cor de um TextField. Você já vai direto ao assunto. Parabéns 👏🏽👏🏽👏🏽👏🏽

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

    Suas explicações são as melhores. Sempre limpo, bem feito e bem explicado. Obrigado!

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

    Fala Prof. Diego, cara estou exatamente nesse momento quebrando a cabeça para implementar um dropdown desse aí, esse vídeo já resolveu 70% do meu problema. Para completar só faltou ter como fazer um search nos itens. Se possível faz um complemento aí! Valeu, seus vídeos são tops!!

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

    Um dos melhores canais de flutter

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

    me salvou.. troquei o setsate pelo MOBX, e nao conseguia fazer funcionar a atualizaçao da seleçao feita recuperando dados do Firebase... nos 4min de video encontrei o erro. Faltou o .value no onchange.
    muito obrigado pela ajuda!!!

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

    Didática EXCELENTE!!!!!

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

    Que isso, essa foi mt boa! Valeu, mestre!

  • @ValdoSouza77
    @ValdoSouza77 8 місяців тому

    Parabéns!! rápido e fácil

    • @drantunes
      @drantunes  8 місяців тому

      Que bom que ajudou!

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

    Bem rápido e prático, muito bom aprender assim. Alguém consegue me dizer se consigo incluir dentro da seleção um outro dropdownmenu? Por exemplo se ao selecionar “Ferrari” ele me mostrasse outras opções para escolha? Sou novo no negócio, alguns conteúdos são difíceis de achar rsrs

    • @drantunes
      @drantunes  Рік тому +1

      Neste caso é melhor abrir uma página de modal e aí você cria múltiplas opções ;)

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

      @@drantunes valeuuuu, vou atrás 💪🏼

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

    Muito bom! Deixo como sugestão um vídeo sobre GridView, sempre me confundo um pouco.

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

      Anotado Estevão! Grande abraço!

  • @LuanSantos-hg9kk
    @LuanSantos-hg9kk 2 роки тому +6

    Faz um desses, porém requisitando as opções do firebase

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

    Grande aula. Uma sugestão é mostrar um pouco sobre o AutoComplete, me bati bastante para aprender e é bastante útil para qualquer lista com vários itens.

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

      Show!! Obrigado pela sugestão 👍

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

    cada dia mais me surpreendo com esse canal , so conteudo excelente .Posso dar uma sugestao de video , ensina como enviar uma imagem para uma api usando o DIo .Quase nao tem video assim na internet e os que ensinam esta me dando erro 500

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

      Valeu Eli!!!! Obrigado pela sugestão 👍

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

    sempre o melhor !

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

    valeu meu parceiro, me ajudou muito

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

    Mestre, como eu poderia fazer com que esse "pop up" que aparece na tela estivesse sempre abaixo da altura do campo (mesmo que fazendo a tela subir quando tocasse o drodown)? Obrigado pelo conteúdo!

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

      Esse comportamento é dinâmico da widget. Para ter um comportamento customizado, você pode criar uma widget ou usar algum textformfield com overlay (ou algo similar).

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

    Ótimo video!!! Como faço ele ja vir preenchido com dados? Eu tento colocar o value e ele da erro

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

      Pode atribuir o valor inicial a uma variável e usar esta variável no value do dropdown, seria uma forma.

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

    obrigado. Agora como faço pra incluir novos item ao clique de um botão ou via provider ?

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

      Precisa criar essa lógica para o seu caso

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

    Muito bom! 👏🏽👏🏽👏🏽👏🏽

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

    eu apanhei muito para montar um dropdown com um flutter. simplesmente pq eu nao consegui deixar aparecendo essa opcao de escolher uma opcao. era todo tempo dando erro dizendo que era obrigatorio o value ser uma das opcoes do array. ate que eu perdi a paciencia e desisti coloquei o items[0] para deixar funcionando. e eu queria montar o esquema de dropdown dependente. pois sao dois dropdown para inclusao de despesas. voce tem a despesa pai, e quando seleciona atualiza as desespesas filhas. vou mexer no codigo para ver se funciona dessa forma que voce fez. mas usei o hint tambem. mas mesmo assim nao apareceo o 'Selecione...'

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

      Vai conseguir Thiago!!! Você pode usar 2 ValueNotifier e quando selecionar um, você pode criar um listener e então fazer um filter no segundo ValueNotifier (que contem as despesas) 👍

  • @andremedeiros5732
    @andremedeiros5732 4 місяці тому

    Olá, estou tendo um problema que é o dropdown abrir de acordo o item que foi posteriormente selecionado, gostaria que ele sempre abrisse na mesma posição, como resolvo isso ?

    • @drantunes
      @drantunes  4 місяці тому

      Dropdown button funciona assim por padrão, basta manter uma variável para salvar a opção atual selecionada.

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

    E se eu quisesse fechar o Dropdown menu assim que o usuário selecionasse a opcão dessejada? Como eu posso implementar? Fiz isso usando um botão, mas não gostei muito.

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

      Não entendi sua pergunta, pois o dropdown fecha quando o usuário seleciona uma opção...

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

      @@drantunes Eu tenho uma tela com um botão que diz: 'selecione uma cor', eu clico em cima, abre o dropdown e quando eu seleciono a cor que eu queria o nome da cor selecionada fosse atribuída ao botão onde eu cliquei.
      Algo do tipo: Um botão com um nome, e substituo o nome do botão pelo nome selecionado do dropdown.
      Desde já agradeço. Boa tarde.

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

      @@felizbertomacedo2984 você pode usar um ValueNotifier para mapear a propriedade e no Text do botão você usa um ValueListenableBuilder 👍

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

      @@drantunes Show, vou tentar implementar.

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

    Como ficaria se fosse um List de objeto? Eu mando um List de uma classe que crio, que pode ter vários atributos.

    • @drantunes
      @drantunes  10 місяців тому +1

      Você pode acessar o objeto de cada posição da lista e acessar a propriedade que deseja.

    • @techinteirado
      @techinteirado 10 місяців тому +1

      @@drantunes sim eu tenho feito em setState, mas a propriedade value da erro usando ValueNotifier. Quando tiro ela o erro some. Rsrsrs.

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

      ​​@@techinteirado acho que estou com o mesmo problema mas usando getX. Conseguiu resolver?

  • @e.clayton
    @e.clayton Рік тому

    Eu gostaria de saber como exibir apenas determinadas opções

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

      Você precisa construir essa lógica com base no seu caso de uso e filtra as opções antes de carregar o dropdown

    • @e.clayton
      @e.clayton Рік тому

      @@drantunes Como eu posso filtrar as opções?

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

    queria ver como popular ele de um Future

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

    Como faz pra usar um dropdownbuttonformfield recebendo dados json de uma api?

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

      Você deve intermediar isso em uma classe externa, buscar os dados no initState e salvar na variável que será utilizada pelo DropDown 👍 (o drop só irá mostrar os dados)

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

      @@drantunes Valeu, vou testar isso . 🤝🏼

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

      ​@@drantunes e como faço pra ele ja vir selecionado o item quando estou na tela de edição por exemplo? Pois coloco o value e ele da erro, parece q so adiciona o value no onChange. Senti falta de um controller nesse form, textformField é so passar a controller

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

      @@daianegouvea6865 Pode usar uma variável para atribuir o valor inicial e depois atribuir no value do dropdown. Também pode usar a propriedade initialSelection

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

    aproveitando a carona, faz um video mostrando como rodar video. eu fiz rodar baseado no manual que tem no cookbook do flutter. mas ficou uma bosta. kkkkk nao abre em fullscreen. perco os controles de pause, se voltar a tela o video continua rodando e em seguda a aplicao fecha por crash

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

      Vou anotar aqui Thiago!!!