CURSO de FLUTTER - Bottom Navigation Bar (Tutorial desde cero)

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

КОМЕНТАРІ • 89

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

    Curso completo: is.gd/gpybyn
    Página web: is.gd/fdlizt
    Mejor Hosting: n9.cl/hosting-correcto

  • @alxvelz927
    @alxvelz927 Рік тому +7

    Nota: si al agregar mas de 3 items en el navigation bar les 'desaparece', eso lo arreglan agregando en el constructor del BottomNavigationBar la property: type: BottomNavigationBarType.fixed, aqui el ejemplo:
    bottomNavigationBar: BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    currentIndex: 1,
    items: const [
    BottomNavigationBarItem(
    icon: Icon(Icons.south_america_rounded), label: 'Search',
    ),
    BottomNavigationBarItem(
    icon: Icon(Icons.question_mark_outlined), label: 'FaQ'),
    BottomNavigationBarItem(
    icon: Icon(Icons.add_box_rounded), label: 'Add'),
    BottomNavigationBarItem(
    icon: Icon(Icons.screen_share_outlined), label: 'Export'),
    BottomNavigationBarItem(
    icon: Icon(Icons.person), label: 'Profile'),
    ],

    • @marcoperez5079
      @marcoperez5079 8 місяців тому +1

      Muchas gracias bro eres grande.

    • @cristiangonzales6793
      @cristiangonzales6793 2 місяці тому

      hermano, justamente estaba batallando con esto, graciasss

  • @jonarocha247
    @jonarocha247 8 місяців тому +1

    No hace mucho encontré tu curso ya voy en esta clase y esta súper divertido y fácil de aprender. Si tienes un pétreo me lo das para invitarte un café en estos días 😊

  • @MrLeonardoPiano
    @MrLeonardoPiano Рік тому +2

    Que buen docente eres, quiero aprender muchas cosas de Flutter, de todos los videos y cursos eres el mejor! Muchas gracias.

  • @JavierSalazar-i4f
    @JavierSalazar-i4f 6 місяців тому +1

    Estupendo. He usado en mi App lo que explicas en este video y el resultado es enormemente satisfactorio.

    •  6 місяців тому

      Es increíble como con poco código puedes hacer cosas geniales cierto. 😁

  • @JosueAcostaCastro
    @JosueAcostaCastro 3 роки тому +5

    ¡No hay mejor palabra para definir este tutorial : Exelente
    !

  • @DeisyGarciaMillan
    @DeisyGarciaMillan 11 місяців тому +1

    gracias por tus cursos, e aprendido mucho

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

    Eres un Genio, explicas lo complejo, en algo sencillo

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

    Muchas gracias!!! Lo uso para enseñar con todo tu permiso!!! Didáctica increíble!!!

  • @matiasrodriguezc
    @matiasrodriguezc 5 місяців тому

    Fenómeno absoluto.

  • @EduardoGarcia-mp2dl
    @EduardoGarcia-mp2dl 2 роки тому +1

    tus videos realmente me están ayudando mucho

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

    *Este canal es una maravilla*

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

    Perfecto, con cada video voy consolidando mis bases para poder desarrollar la App de mi web muy pronto

  • @henrypenafiel7970
    @henrypenafiel7970 3 роки тому +2

    muy buenos videos, e realizado todos tus cursos hasta este video, espero seguir aprendiendo ya que realizare algunas aplicaciones en flutter

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

    Explicas muy bien. He realizado cursos de Udemy que no explican ni la mitad de bien que tú. Par favor sigue subiendo tutoriales de flutter o realizando proyectos explicados de flutter. Saludos desde España!

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

    Muchas gracias por hacer este video, me sirvió para entender el Bottom Navigation Bar mucho mejor!!

    •  3 роки тому

      Que bien, me alegra que te haya servido José Luis.

  • @jhanalmonte6421
    @jhanalmonte6421 3 роки тому +14

    Necesito tu Email para mandarte una foto que probará que te agregué en los agradecimientos en mi proyecto de grado universitario!! Eres muy amigable y buen instructor sigue así!! :D

    •  3 роки тому +3

      Wooow. Que privilegio. Muchas gracias Jhan, me alegra haberte ayudado un poco. 😊

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

      También lo necesitaré, aunque aún esté en desarrollo el proyecto

    • @jhanalmonte6421
      @jhanalmonte6421 3 роки тому +4

      No me la van a creer pero... Ya soy Ingeniero HAHA
      En verdad agradezco nuevamente la enseñanza maestro de Código Correcto, sin usted esa app no hubiera quedado de maravilla

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

      @@jhanalmonte6421 MUCHAS FELICIDADES INGENIERO, espero pronto estar a la par de tal grado académico, saludos!

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

    Excelente, voy a ver los videos desde el Inicio luego, maravilloso, muchas gracias Crack

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

    Gracias a ti estoy aprendiendo navigator button y es justo lo que buscaba

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

    excelente explicacion, buen humor, practicidad, espero encontrar mas cosas que necesite en tu canal (y)

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

    Muy bueno como todos los anteriores. Es un gusto tu estilo.

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

    muy buenas las explicaciones. Saludos desde San Juan Argentina

    •  3 роки тому

      Un saludo. Un abrazo de Honduras hasta Argentina.

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

    cada vez me estoy volviendo mas vicio a tus vídeos ejejej gracias BRO!!! toma tu like

    •  4 роки тому

      Gracias! 😊

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

    Hahaha pobre banner debug, ya lo voy a dejar 🥺 jeje excelente video. Muchas gracias por todo 🤝👏👏

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

    Me sirvio mucho, empezando en flutter, muchas gracias!

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

    muy bueno amigo, gracias.

    •  2 роки тому

      Muchas gracias por tus palabras. Es bueno saber que saber que te sirvió el vídeo. Gracias a ti por ver.

  • @EduardoGarcia-mp2dl
    @EduardoGarcia-mp2dl 2 роки тому +1

    chuta, me eche 12 videos en un día, aunque talvez tenga que verlos otra vez mas tarde

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

    Gracias por hacerme aprender flutter

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

    EXCELENTE! gracias por este tutorial!!

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

    excelente video .. explicado muy bien y justo lo que estaba buscando para aplicarlo en mi app

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

    Gracias por este tutorial, fue de mucha ayuda.

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

    Me ayudo mucho buen video bro

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

    Thank you for your good video about flutter.
    I Love Mobile app development using Flutter.

    •  4 роки тому

      Thank you for watch. I love developping with Flutter too, is really awesome.

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

    Hola José! Excelente Tutorial! Tengo una consulta, es posible implementar un sistema de rutas y el Bottom Navigation bar, en un mismo proyecto, dentro del archivo main? o cual seria la solución mas adecuada? Desde ya muchas gracias!

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

    Excelente, tal vez puedes hacer un splash...gracias por el aporte

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

    Gracias en serio brother

    •  3 роки тому

      Muchas gracias a ti por ver los vídeos.

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

    Muy bueno el tutorial

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

    De pronto puedas, en algún momento implementar un mapa de google con notificaciones. Sería genial aprender eso.

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

    Hola muchas gracias por tus videos, si quisiera hacer que la nav bar en vez de pasar pagina a pagina hiciera un scroll de una misma como seria posible?

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

    Excelente master

    •  3 роки тому

      Gracias! 😊

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

    Eres grande

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

    Deberías abrir tu propia academia. De locos

  • @brandbvth
    @brandbvth Рік тому +2

    _AssertionError ('package:flutter/src/material/bottom_navigation_bar.dart': Failed assertion: line 199 pos 9: 'items.every((BottomNavigationBarItem item) => item.label != null)': Every item must have a non-null label).
    me aparece este error y no se como solucionarlo, tampoco hay documentación sobre el

    •  Рік тому +1

      Asegúrate de que todos los BottomNavigationBaraItem tengan su label. Todos deben tener la propiedad label de tipo string. label: “texto”

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

    buen video, y pese a las actualizaciones siguen los mismos pasos, tengo una duda, si quiero hacer que mi HomeScreen tenga un SingleChildScrollView o similar, que puedo hacer? ya que si pongo SingleChildScrollView y como child le paso mi lista de widgets me sale error y no puedo pasar a las otras ventanas

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

    Muy buen curso. Necesito saber si desde Flutter yo puedo interactuar entre dos o más app en devices diferentes online. Es decir, 3 o 4 equipos conectados entre si en tiempo real. Por ejemplo, pasar un valor de un dispositivo a los demás o a uno en específico.
    Cómo lograr tal cosa?. A ver si más adelante en el curso se resuelve algo así. iré copiando esta pregunta en cada video a ver si alguien la ve y responde.
    O algo semejante, desde Flutter poder enviar y revision mensajes de texto, desde aquí se puede implementar lo que necesito.
    Gracias.

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

    Hola Mil gracias por tus videos . Explicas como decimos de la csm jajaja.

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

    felicidades bro de donde sos? honduras? pegado a tu curso.

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

      Gracias Antonio. Si, soy de Honduras.

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

      @ masiso entonces yo también ✅👍🚀

    •  3 роки тому

      Genial. Un saludo paisano.

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

    Estimado pregunta, ¿tienes algún emulador de ios para windows que puedas recomendar y ps de que manera pruebas el app en ios?. de antemano gracias. Excelentes videos. Cielos que macizo.

    •  3 роки тому

      Para programar para iOS no hay opción amigo, necesitas una computadora Apple. Puedes usar una Hackintosh virtual o en línea, pero nunca va a funcionar igual...

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

    para que el menu aparezca en todas las páginas y no solo en la que se coloca?

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

    Como le harías amigo para que pueda el texto volverse Wrap Text

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

    Hola jose que pena molestarte me puedes ayudar estoy tratando de hacer el bottonnavigationbar
    del video #8 con el envio de parametros a otra pagina como lo muestras en el video pero al
    momento de realizar las list de paginas, los parametros que reciben los widget no la
    reconoce me puedes orientar en mi error, Gracias y que pena la molestia

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

      Bro tienes el codigo que lo pases el de este video

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

    Alguien sabe si debo instalar alguna extensión o algo por el estilo para eso que siempre hace al principio de poner "materialApp" y que se le genere un app por defecto, lo he intentado varias veces y no la logro, si alguien me puede colaborar, le agradecería bastante

  • @asddsa-eh8jh
    @asddsa-eh8jh 2 роки тому

    Como podria ir de una de las paginas que estan en el nav bar a otra sin este?, Cuando cambio de pagina solo usa el nav bar como contenedor principal.

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

    eso si es codigo correcto

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

    Hola, yo tengo una aplicación que es prácticamente idéntica , pero en la primera página hago una petición http y en la segunda muestro un mapa, el problema es que cada vez que cambio de página hace la petición http y carga el mapa, gastando muchos recursos del teléfono, ¿Cómo puedo evitar esto a menos que yo se lo solicite?, Gracias de antemano.

    •  3 роки тому

      Puedes guardar el estado usando provider o bloc, personalmente prefiero providers.

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

      @ uso Provider, pero sólo guardo las variables que uso en ambas pantallas, tendría que guardar todo el widget?

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

    Pra todos los que quieran hacer un intensivo de Flutter este es el Lugar.

    •  Рік тому

      Al grano, pero bien explicado. Ese es mi objetivo.

  • @sebasmorales5701
    @sebasmorales5701 4 роки тому +4

    Buen video pero esperaba el login con api rest y persistencia de datos :v

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

    Como oculto ese navigation barr en mi zona de login?

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

    Puedes enseñarnos como llamar código nativo (Java) con Flutter al presiona run botón (onPressed)

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

      Cierto...o llamar código nativo (Swift) con Flutter al presiona el botón (onPressed)

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

    Ah y no me funciona la opción de sacar el banner, no se xque, no me tira error ni nada, pero no me lo saca

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

    Una pregunta, es normal que siempre haya un error en la carpeta test?? No me modifica nada, me deja correr la app y todo pero siempre que creo un proyecto la carpeta test esta en rojo marcandome error, no la toco xque no tengo idea de que es esa carpeta ni nada pero quería saber si a alguien más le pasaba

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

      es una carpeta que contiene los unit tests si no estoy mal, un test es básicamente un código diseñado de tal forma que verifica que tu código cumpla con los requerimientos establecidos en la fase de planificación de tu proyecto, en este caso el test que viene por defecto verifica un par de cosas entre ellas que tu archivo main tenga una clase (o widget) llamada "myApp", es probable que hayas cambiado el nombre o la hayas borrado, no repercutará negativamente en el funcionamiento de tu aplicación, es solo para corroborar que cumple con requisitos previamente especificados. En algún momento nosotros deberemos diseñar nuestros propios tests, aunque es un asunto relativamente avanzado

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

      @@leonardofabiopatinomolina5713 ahhhh gracias

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

    *Cielos que maciizo :v*

    •  4 роки тому

      Jajajaja...