Flutter Modular - Criando BottomNavigationBar (RouterOutlet)

Поделиться
HTML-код
  • Опубликовано: 24 окт 2024

Комментарии • 53

  • @FlutterandoTV
    @FlutterandoTV  4 года назад +9

    github.com/Flutterando/modular#routeroutlet

    • @marcoantoniovieirarodrigue871
      @marcoantoniovieirarodrigue871 4 года назад +1

      Qual o nome da branch que tu subiu o codigo mostrado no video?

    • @mac_alves
      @mac_alves 4 года назад

      implementei esse codigo em meu app, mas percebi que ele não da o dispose do modulo quando muda de navegação. Nesse mesmo exemplo do video, se Home, Config e Perfil forem modulos, se passar de Home pra Config ele inicia o modulo mas se voltar ele não da o dispose de Config, sabe como pode ajeitar isso ?

    • @CapitaoLemosBR
      @CapitaoLemosBR 3 года назад

      @@mac_alves também queria saber mas parece que não tem...o que não faz sentido

  • @F6GAMEPLAY
    @F6GAMEPLAY Год назад +1

    Quando vai vídeo novo com a nova versão do modular?

  • @bdmaxvalera
    @bdmaxvalera 4 года назад +4

    Essa "subnavegação" nas telas com com RouterOutlet é uma mão na roda, sem gambiarras 😍❤️! Valeu galera,top top!

  • @MrRichardson1998
    @MrRichardson1998 3 года назад +7

    Pra quem não sabe o RouterOutlet foi mudado na nova versão do modular. Eu não sei se essa é uma forma correta, mas eu consegui resolver esse problema mudando o extends do arquivo do modulo, invés de ser Module eu troquei pra WidgetModule assim eu tive que add um get do tipo widget com a tela que eu queria e pronto na listview eu só tive que referenciar o modulo, lembrando que tem que add o Bind do controlador no modulo pai do listview.

    • @vitoriapereira4734
      @vitoriapereira4734 6 месяцев назад

      oi! pode explicar melhor? nao encontrei WidgetModule...

  • @Darthilandia
    @Darthilandia 3 года назад

    Li a documentação la no repositório, muito interessante! Irei usar nos meus futuros projetos! São muitos pontos positivos que ganhamos com pouquinho de boilerplate só.

  • @paulodelima-soulplus1106
    @paulodelima-soulplus1106 3 года назад +3

    Agora com a nova forma do slidy e do modular trabalharem devido a sua evoluçào, e também devido a nova versão do Flutter para 2.0, para um leigo como eu, dá uma embananada, mas vamos na luta. Minha sugestão é ou refazer o vídeo com as versões atuais, já que tem uma considerável mudança, ou pensar em uma forma de versionar no gut o projeto deste vídeo e novos commits para a atual situação das versões de todos.

  • @wevertonj
    @wevertonj 2 года назад +6

    Este tutorial é para uma versão mais antiga do Modular, portanto não funciona mais.
    Neste aulão o Jacob explica como usar o RouterOutlet na versão 4.0 do Modular (já está na minutagem certa): ruclips.net/video/3EV4ESweZzc/видео.html

  • @jarodcavalcante
    @jarodcavalcante 3 года назад +1

    Eu quero ir pra uma tela utilizando esse bottonNavigatorbar, mas quando eu tiver nessa tela, o bottonNavigatorbar não apareça mais. Tô batendo cabeça com isso, como faz?

  • @thiagoamorim1754
    @thiagoamorim1754 4 года назад

    na minha opinião ele sabe mtt sobre flutter e suas tecnologias, mas complica mais do que precisa na hora de passar o conhecimento, há caminhos bem mais simples para iniciantes usando os mesmos métodos que ele usou.

  • @esorensen
    @esorensen 4 года назад +1

    Muito bom, Jacob! Ótimo ver vídeos específicos de Modular usando slidy.

  • @hiarijit82
    @hiarijit82 Год назад

    (@JacobMoura7) Hi Jacob, thank you for the tutorial. Would you be able to do the same exercise with the newer version of Flutter_modular. I will really appreciate the help. Quiet stuck with this navigation from bottom bar with ModuleRoute. When I am traversing to a module from the BottomNavigationBar, my previous module is getting disposed which I don't want.

  • @arturcamenhas1446
    @arturcamenhas1446 4 года назад +1

    Jacob muito obrigado pela explicação. É um bom exemplo para tirar uma duvida: vamos imaginar que esse cenário corresponderia ao detalhe de um cliente e na rota Home queria mostrar as suas facturas/invoices. Precisava de passar uma variável para que o HomeModule fizesse esse filtro. Qual a melhor forma de fazer isso? Obrigado!

    • @FlutterandoTV
      @FlutterandoTV  4 года назад

      vc pode usar as rotas dinâmicas pra isso. Não precisa passar nada para o Módulo. Passando por parametro vc pode usar a opção initialRoute do RouterOutlet.

    • @arturcamenhas1446
      @arturcamenhas1446 4 года назад

      @@FlutterandoTV show! muito obrigado!

    • @arturcamenhas1446
      @arturcamenhas1446 4 года назад

      Vi agora que o parâmetro module é obrigatório.

  • @felipeparente
    @felipeparente 4 года назад +1

    Acompanho muito o Flutterando. Estou investindo meus desenvolvimentos em flutter.
    Mas estou tendo problemas com notificações Push.
    Quando ativa o modo background o app Não funciona. Têm algum material sobre?

  • @IsaiasBassTrue
    @IsaiasBassTrue 4 года назад

    super top...tudo que eu tava precisando! thanks

  • @jvalvescruz
    @jvalvescruz 3 года назад

    E como funcionaria o dispose entre a navegação dos bottoms?

  • @Rian1991Carlos
    @Rian1991Carlos 3 года назад

    Da para usar o floatingActionButton nesse modelo de BottomNavigationBar ?

  • @RafaelBarbosa0
    @RafaelBarbosa0 4 года назад

    Jacob sabe se tem como alterarmos as cores ou o estilo do InkWell (essa "sombra cinza circular default do material") nos cations tap ou quando pressionamos os botoes do bottom ou qq outro lugar?

  • @Wivison15
    @Wivison15 4 года назад +1

    Parabéns Jacob pelo excelente e contínuo trabalho. Uma dúvida de um iniciante: para navegar para o submódulo o Modular.link não resolveria?

  • @arthurfleischman
    @arthurfleischman 4 года назад +1

    Jacob, como passar argumentos para uma RouterOutlet? Sem usar o nanehum navigator... ja q estamos falando de page view

    • @MrVwilliam1
      @MrVwilliam1 4 года назад +1

      modular.args.data

    • @arthurfleischman
      @arthurfleischman 4 года назад +1

      @@MrVwilliam1 sim, mas nao tem parametro arguments no RouterOutlet....

    • @MrVwilliam1
      @MrVwilliam1 4 года назад +1

      @@arthurfleischman Dentro do arquivo Module, exemplo:
      List get routers => [
      ModularRouter(RoutersConst.tipsPage,
      child: (_, args) => TipsPage(currentUser: Modular.args.data)),
      ];
      Eu estava tendo problema com o WidgetModule e isso resolveu.

  • @yara2366
    @yara2366 3 года назад +1

    Como funciona pra chamar a home agr que o ChildModule não existe mais?

    • @amandacleto8396
      @amandacleto8396 3 года назад

      Achou a solução? também quero saber..

  • @paulosoares8626
    @paulosoares8626 4 года назад

    Neste caso , navegando como Page, sem ser um SubModule, que no caso seria a Pagina Profile e Config , se algumas dessas paginas precisar de suas respectivas Controllers, não terei como aproveitar o Inject do Modulas
    ?

  • @ratizx
    @ratizx 2 года назад +2

    salve jacob, tentei com o flutter_modular 5.0.3 mas mudou aparentemente, tem algum exemplo que eu possa fazer no 5 ou algum material pra mim tentar ter o mesmo resultado?

  • @thebasketballflixhouse
    @thebasketballflixhouse 3 года назад

    Olá, Jacob, parabéns pelo conteúdo.
    Me ficou uma dúvida nesse tutorial. Quando eu clico no botão voltar (Android) ele sai do app. Como fazer para que o botão voltar redirecione para a última aba selecionada pelo usuário? Ex: Se eu estava na aba Home, cliquei em Config e depois cliquei em voltar, quero que volte para a aba Home.

  • @WillFilho
    @WillFilho 4 года назад

    Opa Jacob, blz? Vi em alguma live você citando que um colega usava o Flutter Modular em uma rede social que ele criou. Eu tenho uma rede social em React Native e gostaria de mudar de tecnologia porque lidamos com muitas listas e não estamos tendo um desempenho satisfatório. Você recomendaria migrar para o Flutter ou fazer nativo?

  • @royizzi
    @royizzi 4 года назад

    Você deu disposer no PageView, tem alguma documentação no flutter que fala o que é preciso dar disposer? Ou alguma lógica pra isso???

    • @nathanaraujo1239
      @nathanaraujo1239 4 года назад +1

      geralmente controllers sempre necessitam de dispose, na documentação de cada componente mostra se ele possui um método de dispose também...
      mas um local que diz tudo o que precisa dar dispose eu desconheço

    • @FlutterandoTV
      @FlutterandoTV  4 года назад +1

      o Controller do pageView tem alguns listeners que precisam ser liberados. O dispose é do ChangeNotifier, classe que ele herda

  • @gustavomenezes2768
    @gustavomenezes2768 4 года назад

    Jacob, blz? Parabens pelo trabalho. Eu ja estava utilizando o RouterOutlet no meu projeto e eu fiz todas as minhas tabs do bottomNavigation como RouterOutlet, vc ve algum problema nisso? Outra coisa, o hero ainda esta com bug quando usa o RouterOutlet? Abs

    • @FlutterandoTV
      @FlutterandoTV  4 года назад +1

      Não tem problema nenhum. Infelizmente o Hero depende da navegação para funcionar. Como está em uma segunda navegação ele infelizmente nao conseguirá identificar as posições para fazer a animação :(

  • @rodrigosouza6548
    @rodrigosouza6548 Год назад

    temos que encher de comentários aqui pra alguem ajudar a fazer na v5 do Modular, pois não funciona. A navegação não move da página atual.

  • @AngelLuki3
    @AngelLuki3 4 года назад

    Bom dia Jacob, estou com um problema, utilizei esse método, mas dentro da minha HomePage existe um formulário, eu pego os dados e entrego um resultado em outra página ao clicar no button, porém nesse método não está passando o valor do resultado para a outra página, está indo null, se eu utilizar Router('/resultado',
    child: (_, args) => Resultado(resultado: args.params['resultado'])), ele aponta esse erro NoSuchMethodError: invalid member on null: '_get' no RouterOutlet, saberia como resolver?

    • @VombateDev
      @VombateDev 4 года назад

      Tive esse problema. É pq o RouterOutlet não passa parâmetro já que ele pega o módulo direto e abre, então na hora de chamar a page o parâmetro vai vazio.
      Coloquei para o StartPage receber o dado via parâmetro:
      const StartPage({Key key, this.title = "Start", @required this.user})
      Coloquei pro Modulo receber o dado via parâmetro também:
      final UserModel user;
      HomeModule(this.user);
      E o RouterOutlet ficou:
      RouterOutlet(module: HomeModule(widget.user)),
      Se houver uma solução melhor, me avisa.

    • @VombateDev
      @VombateDev 4 года назад +1

      Achei uma solução melhor para o meu caso, deixei de passar os dados via parâmetro nas rotas nomeadas. Criei uma pasta shared com UserStore e a informação compartilhada, coloquei como injeção de dependências no app module. Altero a variável User da UserStore onde ela é pega, e onde é usada eu apenas faço injeção de depend~encias no controller

  • @nathanaraujo1239
    @nathanaraujo1239 4 года назад +1

    top

  • @iagosoares4959
    @iagosoares4959 4 года назад

    Didática zero infelizmente

    • @FlutterandoTV
      @FlutterandoTV  4 года назад +1

      pq mano :(

    • @marcellocamara
      @marcellocamara 3 года назад

      acredito que quem teve dificuldades é pq a didática desta aula é voltada para o nível avançado em Flutter, além de requerer o aprendizado de todas as aulas anteriores de modular