{"repo":"appandflow/react-native-magic-scroll","free":true,"listed":false,"github":"https://github.com/appandflow/react-native-magic-scroll","clone":"git clone https://github.com/appandflow/react-native-magic-scroll.git","description":"A cartesian way of managing scrollviews and keyboards.","language":"TypeScript","stars":188,"topics":["expo","keyboard","react-native","scrollview","ui"],"license":"MIT","category":"mobile-apps","readme_excerpt":"About App & Flow is a Montreal-based React Native engineering and consulting studio. We partner with the world’s top companies and are recommended by Expo. Need a hand? Let’s build together. Why react-native-magic-scroll? The goal of the library is to seamlessly and precisely handle your keyboard, scrollview and inputs when interacting with forms. While other solutions offer plug-and-play functionalities, we wanted to have something more precise and with more flexibility so that it can be used in any situation. Examples We recreated two flows from popular apps to showcase our library in action. The demo app code is available here. Twitch's sign up Shop's check out -------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------- Installation react-native-magic-scroll Dependencies To use our library, you will need to install these two dependencies into your project. 1) React Native Reanimated Learn more about this dependency here. 2) SafeAreaContext Learn more about this dependency here. Android On Android, make sure to set android:windowSoftInputMode in your AndroidManifest.xml to pan Expo Basic Usage Wrap your screen within our ScrollView. You then use our TextInputs for the form itself, that you place inside the MagicScroll.ScrollView. Easily \"chain\" your inputs (so that the return key","default_branch":null,"files":null,"tree":[],"storefront":"/r/appandflow","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/appandflow/react-native-magic-scroll/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}