推荐：react-native-razorpay —— 轻松集成的React Native支付SDK

React Native Razorpay是一个用于React Native应用程序的支付SDK，允许用户进行信用卡支付和使用Razorpay的服务。

以下是如何在React Native项目中集成Razorpay的基本步骤：

1. 首先，你需要在你的React Native项目中安装Razorpay的npm包。你可以通过运行以下命令来安装：

npm install --save react-native-razorpay

或者

yarn add react-native-razorpay

2. 对于IOS，你可能需要运行以下命令来链接原生库：

react-native link react-native-razorpay

3. 在你的React Native项目中，你需要导入Razorpay的模块并初始化支付。以下是一个简单的示例：

import Razorpay from 'react-native-razorpay';
import React, { useState, useCallback } from 'react';
import { Button } from 'react-native';
 
const YourComponent = () => {
  const [loading, setLoading] = useState(false);
 
  const razorpayCallback = useCallback((response) => {
    console.log(response);
  }, []);
 
  const handleRazorpay = async () => {
    setLoading(true);
 
    try {
      const options = {
        amount: 1000, // 以分为单位
        description: 'Purchase Description',
        // 你可以添加更多的选项，如note，prefill，theme等
      };
 
      const response = await Razorpay.open(options);
      razorpayCallback(response);
    } catch (error) {
      console.error(error);
    } finally {
      setLoading(false);
    }
  };
 
  return (
    <Button
      onPress={handleRazorpay}
      title="Pay with Razorpay"
      disabled={loading}
    />
  );
};
 
export default YourComponent;

在这个示例中，我们创建了一个名为YourComponent的React组件，它包含了一个按钮，当按下按钮时，会触发handleRazorpay函数，该函数会打开Razorpay的支付窗口，让用户可以进行支付。

请注意，你需要将amount和description等选项替换为你自己的值，并且你需要在Razorpay后台获取你的key_id和key_secret来配置支付。

以上就是如何在React Native项目中集成Razorpay的基本步骤和示例代码。