How to Create an Ionic Bottom Drawer with Gestures

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

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

  • @BigPoison
    @BigPoison 4 года назад +6

    I'm from Brazil and your videos help me a lot. I'm making progress as a developer thanks to you. a big hug, you are awesome !!

  • @stevecarlton8186
    @stevecarlton8186 3 года назад +3

    Thank you! I've been trying to figure out the name for this type of modal and how to do it in Ionic.

  • @UnknownIdentityDE
    @UnknownIdentityDE 4 года назад +3

    That moment when you spot Simon's typos and want to jump in to give him a hint 😂 Nevertheless great content as usual! 👍 Thanks for your tutorials. In most cases it's exactly what I am looking for and I can utilize it for my own project 😁 Keep it up! 🙏

    • @galaxies_dev
      @galaxies_dev  4 года назад +2

      Haha thanks! I'm really happy lately with the content that seams to match quite good what people are looking for :)

  • @mpakoenongeneivo
    @mpakoenongeneivo 2 года назад

    Hi simon. I did not see how you implemented the (openStateChanged) = "toggleBackdrop($event)" function. Please can you clarify me?

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

    Awesome! Thank you! I will show you mine later

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

    Nice drawer, I liked it. thank you Simon.

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

    Amazing tutorial Simon, gratz from Chile!

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

    Thanks for the video! wish you to cover two more points: 1- how to call the toggle function into another page, in this video you added the toggle button to the same component. 2- How to scroll content inside the drawer once toggled open.

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

      This will hopefully become better with the new modal sheet presentation in Ionic 6 :)

  • @gerarduab9960
    @gerarduab9960 4 года назад +2

    I'm from Spain Barcelona, I really like your videos. I has a suggestion, I have come across a lack of documentation about JWT authentication, specifically with ODIC/KeyCloak. Do you try some kind of authentication like this? It's a good practice app redirect from browser? I let it fall do some tutorial. Thanks a lot for you videos. Regards

  • @MrSwadhin4
    @MrSwadhin4 4 года назад +2

    You are great simon👍 keep going

  • @edwardnanda1355
    @edwardnanda1355 2 года назад

    Bonjour, Comment faire pour avoir le même simulateur de téléphone sur mon ordinateur svp?

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

    Is there a way to have the list inside of the drawer still be scrollable? Could you wrap the list with another ion content and enable scrollY?

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

      I think it works but sometimes it's hard to combine another ion-content and another scroll handler.. I remember having problems with that recently :/

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

    Hi Simon, thank for the video. What is the @ionic/angular version that are you using in this tutorial?

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

      I'm not sure but should be 5.x as it's not very old!

  • @bilalchaudharyphotography
    @bilalchaudharyphotography 3 года назад +2

    There is a glitch please have a look and guide us. If we slide the drawer to the bottom it disappears and never comes up .

    • @bilalchaudharyphotography
      @bilalchaudharyphotography 3 года назад +2

      Also, If we swipe the opened drawer to top upward it goes half down and if we swipe closed drawer to the downward it hides in the bottom. and If we swipe the opened drawer to the bottom and keep touching the screen the drawer hides in the bottom.

  • @Dimitri933444
    @Dimitri933444 4 года назад +5

    official drawer component is set as milestone for ionic 5.4.0 😍

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

      milestone renamed to ionic 6.0.0 :(

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

      @@berkearas4419 i know :'(

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

      @@berkearas4419 Do we know when 6.0.0 is gonna go out?

  • @Gravi-channel
    @Gravi-channel 4 года назад +1

    Cool video

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

    Nice one thanks , is it draggable?

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

    Amazing!! Thank you

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

    It's cool but android is having hardware back button and it's not closing when I click it how to achieve this using device back button

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

      You can catch the hardware back button event from code, then you could dismiss it from code!

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

    How do you do it? I've been developing just that for the last few days. And you just uploaded a tutorial about it!! It happend the same when the hide-toolbar directive! :D
    As usual, first like the video, then watch the video

    • @NazirMassaad
      @NazirMassaad 4 года назад +2

      He's Simon.. that's how !

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

      @@NazirMassaad Totally!

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

      but is it draggable?

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

      @@gustavograssi sí

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

      I'm happy to hit the nail with my latest tutorials :D

  • @divadc9541
    @divadc9541 4 года назад +2

    I wanted to have you fix the 'safe-area' typo so bad. Lol!