时间戳

首页 > 解决方案 > 如何使用 Expo 在我的 React-Native-App 中实现 UPI 支付？

react-native - 如何使用 Expo 在我的 React-Native-App 中实现 UPI 支付？

问题描述

我想在我的应用程序中添加 UPI 付款，目前使用 expo 工具创建应用程序，但现在我被卡住了，因为仅使用 js 无法找到任何直接实现，并要求我从 expo 中弹出。如果有任何方法可以让我在不退出世博会的情况下实现 UPI，因为世博会让事情变得非常容易。

我试图实现文档中为 react-native-upi-payment 提供的简单代码，但它没有继续前进，并且要求我通过不在 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.initializePayment'））

标签： react-nativeexpoupi

解决方案

您可以对所有可用的 upi 类型使用react-native-upi-payment或仅使用phonepesdk进行电话集成

推荐阅读