react-native-drops (WIP)

This is a React Native implementation of Drops; a framework for showing alerts like the one used when copying from pasteboard or connecting Apple pencil.

Getting started

npm install https://github.com/gaauwe/react-native-drops --save

or

yarn add https://github.com/gaauwe/react-native-drops

For now you need to manually add Drop to your applications Podfile

pod 'Drops', :git => 'https://github.com/omaralbeik/Drops.git', :tag => '1.6.0'

Don't forget to run cd ios && pod install && cd .. after that !

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-drops and add RNDrops.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNDrops.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Usage

importReactfrom"react";import{Button,StyleSheet,View}from"react-native";importDropfrom"react-native-drops";exportdefaultfunctionApp(){constshowDrop=()=>{Drop({title: "Subscribed",subtitle: `Subscribed for future updates`,icon: "heart.circle.fill",});};return(<Viewstyle={styles.container}><Buttontitle="Show Drop"onPress={showDrop}/></View>);}conststyles=StyleSheet.create({container: {flex: 1,justifyContent: "center",},});

Credits

This is simply a React Native wrapper around Drops:

• Drops 💧 - omaralbeik