From b8407a7148ea25f19a30a843a63eab3903c43713 Mon Sep 17 00:00:00 2001 From: Charles Vinette Date: Thu, 20 Jun 2024 15:59:26 -0400 Subject: [PATCH] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 0f2a045..dc9a5a4 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ App & Flow is a Montreal-based, close-knit team that specializes in React Native [![npm (scoped)](https://img.shields.io/npm/v/@appandflow/rn-magic-scroll.svg)](https://www.npmjs.com/package/@appandflow/rn-magic-scroll) ## Why react-native-magic-scroll? -The goal of the library is to seamlessly and precisely handle your keyboard, scrollview and inputs when interacing 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. +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. @@ -52,7 +52,7 @@ Learn more about this dependency [here](https://docs.expo.dev/versions/latest/sd On Android, make sure to set `android:windowSoftInputMode` in your `AndroidManifest.xml` to **pan** -##### Expo +#### Expo ``` // app.json @@ -83,7 +83,7 @@ const YourScreen = () => { export default YourScreen; ``` -You then use our TextInputs for the form itself, that you place inside the MagicScroll.ScrollView. Easily "chain" your input (so that return keyboard button hops to the next desired input) by using the MagicScroll.TextInput `name` and `chainTo` props, like so: +You then use our TextInputs for the form itself, that you place inside the MagicScroll.ScrollView. Easily "chain" your inputs (so that the return keyboard button hops to the next desired input) by using the MagicScroll.TextInput `name` and `chainTo` props, like so: ```tsx import { MagicScroll } from '@appandflow/react-native-magic-scroll'; @@ -132,7 +132,7 @@ As mentioned in the introduction, the drawbacks of a plug-and-play library are i ## Tips -We encourage you to wrap our TextInput with your custom one. +It's a great idea to wrap our MagicScroll.TextInput within your own for re-usability! Here's an example