React Native Text Input iOS and Android - Handling Keyboard

Publicado el: 03 mayo 2024
en el 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


En esta página del sitio puede ver el video en línea React Native Text Input iOS and Android - Handling Keyboard de Duración hora minuto segunda en buena calidad , que subió el usuario React (Native) Journey 03 mayo 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 2,296 veces y le gustó 27 a los espectadores. Disfruta viendo!