Our great sponsors
-
react-native-keyboard-aware-scroll-view
A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Awesome. That's what we wanted. How does it work? Well you can view the full source code of the component I made to do this here if you want, but that's probably not as useful for you to know as knowing the key implementation details of the Component:
Also, it will bug out any time you're using react navigation. (Yes this bug still exists, no you cannot avoid it in all situations).
Related posts
- Hey r/ReactNative! I recently picked up RN (am primarily a Swift developer), and am currently trying to build a drag-to-rearrange FlatList. However, I realised that z-Index really does do anything to help elevate the dragged elements over the other elements in the list.
- Help | KeyboardAwareScrollView pushes up custom header
- A simple, reusable keyboard avoiding animation hook, with TypeScript & Reanimated V2!
- iOS Keyboard avoiding
- What version of react native is compatible with react native web?