3 Tips to Create a Dynamic NavBar | Responsive Web App

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

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

  • @AbdRzq16
    @AbdRzq16 Год назад +5

    Thanks for this awesome tutorial. I suggest making this as a widget instead of doing all this conditinal stuff and states, that works responsivly on phones and web.
    I know there are some great templates available, but making it as a widget will save a lot of time and effort.
    As always, Thank you FF team for your great Jop.

  • @kevinbirego2130
    @kevinbirego2130 Месяц назад

    These tutorials have been so helpfull.. Thanks to the flutterflow team.

  • @koen.mortier_fitchen
    @koen.mortier_fitchen 7 месяцев назад +1

    Pre-made bottom navs would also be cool. Thanks for this amazing product

  • @canal10emartes
    @canal10emartes Год назад +2

    Awesome tutorial man! Thank you!

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

      Could you make a video on how to use the Progress Bar? I have a lot of questions about this topic and I can't find articles on this topic?

  • @delinesigwagwagwa9214
    @delinesigwagwagwa9214 5 месяцев назад

    @FlutterflowUniversity, please remember you are serving many builders and students who do not use English as their first language. So please do your best to slow down your pace when explaining the process. I’ve replayed most of the video sections and still can’t figure it out. This content is very informative and helpful. Thanks for putting it out. 🙏🏿

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

    This is what I need, thanks !!!

  • @vitorassissantos4302
    @vitorassissantos4302 Год назад +2

    Another time saving tip is that you can simply use the navOpen variable on the first if condition instead of going through the whole steps of setting "navOpen == true", since the variable already is of boolean type.

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

    Interesting tutorial. Would love to see how to switch from sideNav to bottomNav using components and making things as flexible and easily updated as possible. For example, if there are 4 pages: Home, Company, Contact, Profile; and then we add a new page, Quotes, both sideNav and bottomNav should be able to pick up on the new page and its icon without having to do a lot of copy-and-paste.

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

    Is this available as a full FF project template?

  • @BGdev305
    @BGdev305 11 месяцев назад +1

    Very well thought out and demonstrated here.
    There are ALOT of steps aka mouse clicks and panels to visit to get this done.. why wont you guys introduce some kind of simple CSS + classes?? Things could get done faster and more maintainable!

  • @robertowiest8781
    @robertowiest8781 Год назад +2

    Hi, Could you make the clone of this project available?

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

    At 2.11 navOpen .. if you paste it gives an error "current variable is not valid" .

  • @elvisr19
    @elvisr19 Месяц назад

    Greetings. I have a question. For example, if I am designing a web application the AppBar would be the most correct to create the Header of the application? Could the AppBar contain a search bar, buttons, login, among other things?

  •  Месяц назад

    I have tried this however I got the error message "the layout would cause a break crash: The layout option you selected would have caused a Flutter layout conflict and crashed your app, so we've reverted it for you." What should I do to fix it?

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

    been trying this for days. background color does not change on hover or when on specific page. Please help

    • @emiltevatrosyan6864
      @emiltevatrosyan6864 11 месяцев назад

      brother go through video one more time, you need to give navbarwidget parametrs(intiger) then use it on every screen, for example on homepage screen your sidnavbar component value is 1, on other screen 2, then 3 (it's at bottom of sidnavbar!

  • @Art-01
    @Art-01 Год назад

    Hello
    Can Flutterflow please make a video how we can add product in backend dashboard as admin? Thank u

    • @rehaanu
      @rehaanu 10 месяцев назад +1

      I think u can use appstate for that

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

    At ruclips.net/video/oiG7b1zEb5o/видео.html (1:06) i don't have "Value Source" menu on my interface to input the "Specific Value"... Is this the reason that causes no reaction for my responsive navbar?

  • @emiltevatrosyan6864
    @emiltevatrosyan6864 11 месяцев назад

    can someone answer what I can do if I don't want to show navbar at bottom, cause on web it's not needed but for navigation as video goes it's shows

    • @BeMyArt
      @BeMyArt 5 месяцев назад

      Can't you just disable PC at the Visibility and Responsive section?

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

    Just a note this tutorial is great but it is significantly to fast

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

    Are you hurry to do sth?