React Native Text Input iOS and Android - Handling Keyboard

Publicado em: 03 Maio 2024
no canal de: React (Native) Journey
2,296
27

Ever had a text input in your React Native application that got covered by Keyboard? It probably works fine in Android but not iOS. Watch this video to learn how you can programmatically handle keyboard display and hiding in a React Native application.

Link to previous videos:
Expo splash screen, app icon and fonts:    • Expo Fonts, App Icon and Splash Screen (da...  
Expo development build:    • Expo Development Build with Expo Dev Client  
Expo router v3 with nested navigation:    • Expo Router V3 - Nested Bottom Tabs Inside...  

GitHub Starter Code: https://github.com/AkbarBakhshi/RN-Jo...
GitHub Final Code: https://github.com/AkbarBakhshi/RN-Jo...

Video Timeline:
00:00 Intro and the problem in hand
01:38 Starter code and adding a simple chat screen
04:15 Adding proper scrollable view and text input area
10:38 Implement the fix for iOS
17:37 Taking control of input field height programmatically
21:10 Outro and what's coming next


Nesta página do site você pode assistir ao vídeo on-line React Native Text Input iOS and Android - Handling Keyboard duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário React (Native) Journey 03 Maio 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 2,296 vezes e gostou 27 espectadores. Boa visualização!