react-native-GPay | source code is 100 % Native , and everything resides | iOS library
kandi X-RAY | react-native-GPay Summary
kandi X-RAY | react-native-GPay Summary
The source code is 100% Native, and everything resides in the /lib folder.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Update the path .
- Send a request .
- Dispatches overflow drawable .
- Updates the view if necessary .
- Decomposes a matrix .
- Rebalances the given set of nodes .
- Builds a span from a text shadow .
- Handle a touch event .
- Performs a smooth scroll and a scroll point .
- Puts the image information .
react-native-GPay Key Features
react-native-GPay Examples and Code Snippets
Community Discussions
Trending Discussions on react-native-GPay
QUESTION
I have been searching everywhere on how to integrate the native assets provided by Apple (PkPaymentButton) and Google Pay ( https://developers.google.com/pay/api/web/guides/brand-guidelines#payment-buttons ) without having to write my own native modules.
I found out that these two were included in the react-native-GPay library, and in the react-native-payment libraries(interface for PKPaymentButton). Problem is, i am already using another library handling Apple pay and Google pay (tipsi-stripe) which doesn't provide the interface for the native buttons, and i don't want to include these two libraries just to use their native buttons implementation.
I also want to respect the apple/google brand design guidelines. They are very specific : - Don't create your own Google Pay buttons or alter the font, color, button radius, or padding within the button in any way. - Don't create your own Apple Pay button design or attempt to mimic the system-provided button designs.
Everywhere i look, it seems like people providing tutorial on how to implement googlepay/apple pay inside react-native apps don't care about the branding guidelines (they use simple TouchableOpacity with some text inside, triggering the payment interfaces) And i couldn't find any react-native modules that only implements the buttons UI
Maybe i am missing something quite obvious (it is my first implementation of these features), but is there any react-native modules that only provide interface for native button assets , without implementing the whole payment libraries ? Would it be usefull to create a react-native module that does just that ?
...ANSWER
Answered 2020-Jan-28 at 11:35I'm a kind of in the same situation, except that I'm not using GPay from tipsi-stripe in my project, I'm just using it for Apple Pay on iOS. And if it can help you, here's the repo that I just recently published which exposes native Apple Pay button to React Native: Apple Pay button for RN
Regarding Android, I didn't include it since I'm not familiar with native Android. I hope someone will add it as well, or tipsi-will stripe will include it.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install react-native-GPay
In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
Go to node_modules ➜ react-native-gpay and add RNGpay.xcodeproj
In XCode, in the project navigator, select your project. Add libRNGpay.a to your project's Build Phases ➜ Link Binary With Libraries
Run your project (Cmd+R)<
Open up android/app/src/main/java/[...]/MainActivity.java
Add import com.reactlibrary.RNGpayPackage; to the imports at the top of the file
Add new RNGpayPackage() to the list returned by the getPackages() method
Append the following lines to android/settings.gradle: include ':react-native-gpay' project(':react-native-gpay').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gpay/android')
Insert the following lines inside the dependencies block in android/app/build.gradle: compile project(':react-native-gpay')
In Visual Studio add the RNGpay.sln in node_modules/react-native-gpay/windows/RNGpay.sln folder to their solution, reference from their app.
Open up your MainPage.cs app
Add using Gpay.RNGpay; to the usings at the top of the file
Add new RNGpayPackage() to the List<IReactPackage> returned by the Packages method
Before you can start accepting payments in your App, you'll need to setup Google Pay and/or Android Pay. â–ª Android Pay.
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page