Pinned
You can now embed your own views inside the keyboard ๐คฏ
With the release of [email protected] you can place custom UI (like a "Scan QR" button) right above the keys (using KeyboardExtender) โ no more typing long account numbers!
00:00
kiryl.ziusko
476 posts
kiryl.ziusko
@ziusko
React-native dev ๐ Working at @margelo_com
Author of (react-native):
- keyboard-controller โจ๏ธ
- teleport ๐ธ
- bundle-splitter ๐
- wi-fi-p2p๐ฑ๐ฒ
Joined November 2019
- ๐จ Exciting news! ๐จ With the new release of react-native-keyboard-controller, it's FINALLY possible to make an interactive keyboard on Android! Interactive keyboard feature gives more natural and intuitive user control, improving your React Native app's keyboard behavior๐
00:00 - react-native-keyboard-controller is now available in Expo Go ๐ Such a big step forward!
- ๐จ Update Alert ๐จ In the latest release of RNKC, I added KeyboardToolbar component, that allows to navigate between inputs with the intuitive next/prev buttons๐ฑ โจ Works on Android ๐ง Easy to integrate ๐ Enhanced user interaction ๐จ Fully customizable Check out the demo!๐
00:00 - Really - why is the keyboard handling still a challenge? ๐ Or people are not aware about keyboard-controller? Or is there any features that you would like to see in the package? Let me know in the comments ๐Debugging is no longer the biggest pain point in React Native development! Itโs pretty obvious this survey and so many people sharing their opinions helped! ๐๐๐ Surprised to see keyboard handling in top 3, while there is a potential solution โก๏ธ the keyboard-controller by
- Just published [email protected] ๐ It contains a bunch of great improvements, below you can see an overview of these improvements ๐
- Replying to @ziuskoAnd this is not all! You can also use new KeyboardBackgroundView to create own keyboard extensions like this floating button๐
00:00 - Yep, interactive keyboard dismissal is not only iOS feature Android keyboard interactions also can be very cool ๐
00:00 - Thank you @appjsconf for having me as a speaker โบ๏ธ It was an incredible experience ๐ฅ And kudos to @swmansion and @expo for organizing such a brilliant conference . It was really amazing ๐ And special thanks to @margelo_io team for support and valuable feedback โค๏ธ
- My talk โKeyboard Management Evolutionโ at @appjsconf is now live on YouTube! Watch it here ๐
- Replying to @ziuskoThis release is packed with other cool features, such as: - keyboard state selectors - preparing for deep imports deprecation - allowing KeyboardAwareScrollView to work with full screen inputs You can read more about all these features in blogpost:
- Capturing @mrousavy using react-native-vision-camera while he is talking about react-native-vision-camera ๐
- A really cool example when utilizing KeyboardBackgroundView can enhance user experience and show keyboard related buttons only when needed without flooding the app space ๐couple things for keyboard handling using react-native-keyboard-controller by @ziusko: - newly inserted things (return key pressed) are auto-scrolled (properly?) by adding KeyboardAwareScrollView to the ReorderableList (by omahili) renderScrollComponent as a prop ...
00:00
