React Native Paylink package to process payments using Paylink as a payment gateway for iOS, Android and Web apps 💥

Soon...

Soon...

• 📦 Very tiny and lightweight
• 🧩 Exports functions independently so you can develop your own UIs if needed
• ⌨ Smart & automatic keyboard and orientation handling for iOS & Android
• 💪 Imperative calls
• 💯 Compatible with Expo
• 🌐 Runs on the web
• ✅ Written in TypeScript

npm install react-native-paylink

or

yarn add react-native-paylink

Opening and closing the bottom sheet is done imperatively, so just pass a ref to the bottom sheet and call the open or close methods via the ref instance to open and close the bottom sheet respectively.

import React, { useRef } from 'react'; import { Button, View } from 'react-native'; import { ReactNativePaylink } from 'react-native-paylink'; const App = () => { const sheetRef = useRef(null); return ( <View> <Button title="Open" onPress={() => sheetRef.current?.open()} /> <ReactNativePaylink ref={sheetRef} /> </View> ); };

The bottom sheet component react-native-bottom-sheet uses and handles pan gestures internally, so to avoid scroll/pan misbehavior with its container, DO NOT put it inside a container that supports panning e.g ScrollView. You can always put it just next to the ScrollView and use React Fragment or a View to wrap them and everything should be okay.

<ScrollView> <ReactNativePaylink>...</ReactNativePaylink> </ScrollView>

<> <ScrollView>...</ScrollView> <ReactNativePaylink>...</ReactNativePaylink> </>

Soon...

Start receiving payments as soon as possible with React Native Paylink

See the contributing guide to learn how to contribute to the repository and the development workflow.

MIT

see LICENSE

</> with 💖 by Alaa ✌