React Native Pay

Installation

Using npm:

$ npm i react-native-modal-pay -S

Using yarn:

$ yarn add react-native-modal-pay

Usage

/**
|--------------------------------------------------
| react-native-pay demo
|--------------------------------------------------
*/
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { PayMny } from 'react-native-modal-pay';
class RnPay extends React.Component {
 constructor(props) {
 super(props)
 }
 _pay() {
 this.payMny._invokePay(true)
 }
 _onPay(va) {
 let cl = setTimeout(() => {
 if (va) {
 clearTimeout(cl)
 this.payMny._onErrorHandler('Password error!')
 }
 }, 2000);
 }
 render() {
 return (
 <View style={styles.container}>
 <Text onPress={() => this._pay()} style={styles.txt}>RnPay:10000ドル.00</Text>
 <PayMny
 show={true}
 ref={(payMny) => this.payMny = payMny}
 onChange={(va) => this._onPay(va)}
 />
 </View>
 );
 }
}
// define your styles
const styles = StyleSheet.create({
 container: {
 flex: 1,
 paddingTop: '26%',
 // justifyContent: 'center',
 alignItems: 'center',
 backgroundColor: '#ccc',
 },
 txt: {
 color: '#fff',
 fontSize: 16
 }
});
export default RnPay;

Props

Advanced Usage

this.refs.pay._invokePay(bool)

Platform Support