React Native Text Input iOS and Android - Handling Keyboard

Pubblicato il: 03 maggio 2024
sul canale di: 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


In questa pagina del sito puoi guardare il video online React Native Text Input iOS and Android - Handling Keyboard della durata di ore minuti seconda in buona qualità , che l'utente ha caricato React (Native) Journey 03 maggio 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 2,296 volte e gli è piaciuto 27 spettatori. Buona visione!