如何在带有Expo的React-Native-App中实现UPI付款?

时间:2019-05-15 18:39:02

标签: react-native expo upi

我想在我的应用程序中添加UPI付款,当前正在使用expo工具来创建该应用程序,但现在我陷入困境,因为无法仅通过使用js找到任何直接实现,并且需要我退出expo。如果有什么方法可以实现UPI而又不退出expo,因为expo使事情变得非常简单。

我已经尝试实现docs中提供的用于react-native-upi-pay的简单代码,但是它并没有取得进展,需要我浏览不在expo项目内部的android manifest。

import React from 'react'
import RNUpiPayment from 'react-native-upi-payment'
import { View, StyleSheet, Container } from 'react-native'
import { Input, Button } from 'react-native-elements'
import { Constants } from 'expo'

export default class PaymentScreen extends React.Component {

    static navigationOptions = {
            header: null
        }

    goToBhimUPI = () => {
        RNUpiPayment.initializePayment({
            vpa: 'someupi@ybl', // or can be john@ybl or mobileNo@upi
            payeeName: 'Name',
            amount: '1',
            transactionRef: 'some-random-id'
        }, this.successCallback, this.failureCallback);
    }

    failureCallback = (data) =>{
        console.log(data)
    }

    successCallback = (data) => {
        console.log(data)
    }

    render() {
        return(
            <Button
            containerStyle = {styles.button}
            type = 'clear'
            title = 'Bhim UPI'
            onPress = {this.goToBhimUPI}
            />
        )
    }
}

我希望该模块将我带到UPI付款网关并返回到调用它的地方。当前,这给了我错误:(未定义不是对象(正在评估'UpiModule.intializePayment'))

1 个答案:

答案 0 :(得分:1)

对于所有可用的upi,您可以使用react-native-upi-payment进行操作,或者仅对音素集成使用phonepesdk进行操作