Keyboard Handling tutorial for React Native apps

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

КОМЕНТАРІ •

  • @abhiram_4644
    @abhiram_4644 24 дні тому +4

    Please keep on adding new tutorials like this. These are really very essential in any app. Every dev is just showing how to design, but we need something like this which demonstrates real use cases.

  • @bnny2175
    @bnny2175 4 місяці тому +26

    I like how Expo is more active on UA-cam and the blog these days! Really helpful stuff.

    • @ExpoDevelopers
      @ExpoDevelopers  4 місяці тому +5

      Thanks for watching/reading. Let us know if there are any particular topics you'd like us to address.

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

      @@ExpoDevelopers more info on prebuild it only seems to work when I have my app on the desktop if it's in another folder it fails lol something ive misconfigured i guess.

    • @abhiram_4644
      @abhiram_4644 20 днів тому

      @@davidlintin Yeah, it's because restrictions by windows. Windows is not allowing to do tasks at paths which really long. Eg: when you've your project in any other nested folder, during the prebuild it will throw error regarding CMAKE. You can update it in windows registry editor.
      Hope you find it useful 😀

  • @lahirudx
    @lahirudx 4 місяці тому +8

    Hello Beto! This is hands down the most anticipated tutorial from an official RN channel. It's awesome to see you here at Expo 🔥.

  • @cesswhite
    @cesswhite 4 місяці тому +5

    Congratulations Beto, it's great to see you on the Expo channel! ❤

  • @princeajuzie
    @princeajuzie 4 місяці тому +1

    Best explanation yet, this guy is so good :)
    Would love to see his videos often.

    • @ExpoDevelopers
      @ExpoDevelopers  4 місяці тому +1

      You definitely will! He has a few in the works. What would be helpful for you to see Beto cover?

    • @sntlln93
      @sntlln93 Місяць тому

      @@ExpoDevelopers Universal/App Links from scratch including the aasa and assetLinks files would be nice :)

  • @matkomilic8382
    @matkomilic8382 4 місяці тому +1

    Insane value video, I've been struggling with this for years, nice to see there are other libraries.

  • @willdunertm5047
    @willdunertm5047 4 місяці тому +2

    Simply love it! More content like this would be awesome 😍(I always have problems when dealing with headers, i think is a common behaviour on scroll in apps nowadays, and there are not many tutorials out there, would be helpful)

    • @ExpoDevelopers
      @ExpoDevelopers  4 місяці тому +2

      Hey this is helpful. Thank you for the suggestion.

  • @ramiwang
    @ramiwang 3 місяці тому

    Awesome, your tutorials are so high quality, thank you!

  • @kirillzyusko4073
    @kirillzyusko4073 4 місяці тому +1

    Great tutorial! As always!🚀

  • @matkomilic8382
    @matkomilic8382 4 місяці тому +2

    Suggestion for next videos: A tutorial of Expo Router but where we combine tabs with drawer, and we have authenticated and non authenticated part, especially drawer with tabs part I find it hard to find anywhere.

    • @ExpoDevelopers
      @ExpoDevelopers  4 місяці тому +3

      Really good suggestion. We have a bunch of videos in the works. Adding this one to the list.

  • @navinkumarsahu1159
    @navinkumarsahu1159 4 місяці тому +1

    more videos like this is required

    • @ExpoDevelopers
      @ExpoDevelopers  4 місяці тому +1

      What would you like to see us cover next?

  • @avishekchatterjee531
    @avishekchatterjee531 2 місяці тому +1

    I am facing an issue when try to implement the "Animating views in sync with keyboard height" approach. The keyboard and textinput perfectly ups well but the chat contents are not moving up with the keyboard. How can I fix it?

  • @I-MM-O-R-T-A-L
    @I-MM-O-R-T-A-L 4 місяці тому +1

    Great tutorial thanks so much!

  • @codefriendly8528
    @codefriendly8528 12 днів тому

    I have bottom tabs, but when the keyboard opens, the height of the bottom tabs is added to the fake view, causing it to move slightly upward. How can I subtract the height of the tabs from the fake view?

  • @danielbenaderet5209
    @danielbenaderet5209 Місяць тому +1

    This video is a life saver!!

  • @dilnawaz_expo_dev
    @dilnawaz_expo_dev Місяць тому

    In this library, the bottomOffset property is not working on either the simulator or a real device. Do you happen to know why?

  • @GinAspire
    @GinAspire 2 місяці тому +1

    Expo is the future for me, works like magic and wizard...

  • @khan_dev
    @khan_dev Місяць тому

    hi. I implemented same as your chat page, but the FlatList container doesn't go up. Only Input and Button elements remain at the top of Keyboard. The FlatList becomes partly covered. If someone faced this, please let me know.

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

    Thanks Beto❤ Great tuturial

  • @tamaniphiri
    @tamaniphiri 4 місяці тому +1

    Expo X Beto🔥🚀

  • @24alvi
    @24alvi 22 дні тому

    Why is the inverted attribute used on flashlist

    • @ExpoDevelopers
      @ExpoDevelopers  18 днів тому

      So that the last message appears at the top of the list.

  • @shaharnechmad2586
    @shaharnechmad2586 Місяць тому

    Doesn't seem to work well in my app Is there a link to the repo by any chance?

    • @ExpoDevelopers
      @ExpoDevelopers  Місяць тому

      The example is available in this GitHub repository: github.com/betomoedano/keyboard-guide.

  • @darahk88
    @darahk88 3 місяці тому

    Please do something about errors that we have to handle every 5 minutes and library compatibility that in every new expo version we have to handle it

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

    This might be a stupid question and I'm a beginner here. I used KeyboardProvider from 'react-native-keyboard-controller' and wrapped the provider around the app. However, when I started using redux and redux-persist, it stopped working. Any fixes?
    Thanks in advance.

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

      Nvm, I fixed it by putting the Keyboard Provider just outside StatusBar and Stacks and inside the SafeAreaView.

  • @vasanthhasan9533
    @vasanthhasan9533 3 місяці тому

    I need keyboard text with nic and file attachment

  • @Mewain
    @Mewain Місяць тому

    Can you share the code ? Thank you

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

    I was having some issues, i have a Editor, in expo the keyboard doesn’t push the content up. like shown in this chat example .

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

    Thanks for the info; but for the past 6 days I have been struggling to setup my windows 10 to build my apps withno seccess, the main problem being thw usage of “react-native-reanimated” package, with it installed my app fails to build hence I can’t install it to my emulator or physical device; prebuild complete fine though.
    tried several methods including; reducing project’s path 😢 with no luck;
    I’m using the @latest (sdk 51)

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

    Can you make tutorial for development build? I find it very confusing how to start. Please 😭

  • @prashlovessamosa
    @prashlovessamosa 4 місяці тому +1

    Noice 👌 Beto

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

    Good topic to cover. If you are just more concise in your presentation, I'd be more looking forward to your vids. It doesn't need to be this long.

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

    expo is horrible

  • @okolol
    @okolol 4 місяці тому +1

    why you sound like the guy from Awesome(@awesome-coding) yt channel?