关于Flutter集成razorpay_flutter 1.3.4及原生SDK使用的技术问询

1. razorpay_flutter 1.3.4 在Flutter中的工作机制与集成方式 #

razorpay_flutter 1.3.4 是Flutter生态的官方插件，核心是封装Razorpay的Android和iOS原生SDK，让Flutter开发者无需编写原生代码即可调用支付能力。

它的集成逻辑是构建时引入原生SDK：

• 当你在pubspec.yaml中声明依赖并执行flutter pub get后，Android端会通过Gradle自动拉取对应版本的Razorpay Android SDK；iOS端则通过CocoaPods完成原生SDK的下载与配置，这些操作都在项目构建阶段完成。
• 运行时，插件通过Flutter的MethodChannel实现Dart层与原生层的通信：Dart代码调用插件提供的API，插件将请求转发给原生SDK执行，原生SDK处理完支付流程后，再通过通道将结果回调给Dart层。

2. Flutter应用中能否直接使用Razor Pay原生SDK？ #

可以，有两种实现方式：

• 自定义MethodChannel：在Flutter项目的Android/iOS模块中手动集成Razorpay原生SDK，自行编写MethodChannel的通信逻辑，让Dart代码直接调用原生SDK的接口。
• 嵌入原生视图/模块：在Flutter页面中嵌入原生Android/iOS视图，直接在原生层处理支付逻辑，再通过平台通道将结果同步到Dart层。

这种方式适合需要高度定制原生支付流程的场景，但要求开发者具备Android/iOS原生开发能力。

3. 正确使用Razor Pay SDK（基于flutter插件）的步骤 #

步骤1：添加依赖 #

在项目的pubspec.yaml中添加依赖：

dependencies:
  razorpay_flutter: ^1.3.4

执行flutter pub get完成依赖安装。

步骤2：配置原生端 #

• Android：在android/app/src/main/AndroidManifest.xml中添加网络权限：

  <uses-permission android:name="android.permission.INTERNET" />
  

• iOS：在ios/Runner/Info.plist中添加以下配置：

  <key>LSApplicationQueriesSchemes</key>
  <array>
    <string>razorpay</string>
  </array>
  <key>NSAppTransportSecurity</key>
  <dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
  </dict>
  

步骤3：初始化与监听事件 #

在Dart页面中初始化Razorpay实例，并注册支付回调：

import 'package:razorpay_flutter/razorpay_flutter.dart';

class PaymentPage extends StatefulWidget {
  @override
  _PaymentPageState createState() => _PaymentPageState();
}

class _PaymentPageState extends State<PaymentPage> {
  late Razorpay _razorpay;

  @override
  void initState() {
    super.initState();
    _razorpay = Razorpay();
    // 注册回调
    _razorpay.on(Razorpay.EVENT_PAYMENT_SUCCESS, _handlePaymentSuccess);
    _razorpay.on(Razorpay.EVENT_PAYMENT_ERROR, _handlePaymentError);
    _razorpay.on(Razorpay.EVENT_EXTERNAL_WALLET, _handleExternalWallet);
  }

  // 支付成功回调
  void _handlePaymentSuccess(PaymentSuccessResponse response) {
    // 处理成功逻辑，比如更新订单状态、展示成功提示
  }

  // 支付失败回调
  void _handlePaymentError(PaymentFailureResponse response) {
    // 处理失败逻辑，比如展示错误提示
  }

  // 外部钱包回调
  void _handleExternalWallet(ExternalWalletResponse response) {
    // 处理外部钱包支付逻辑
  }
}

步骤4：发起支付 #

创建支付参数并调用open方法发起支付：

void _openCheckout() async {
  var options = {
    'key': 'YOUR_RAZORPAY_KEY_ID', // 替换为你的Razorpay密钥
    'amount': 100, // 支付金额，单位为最小货币单位（如印度卢比为派萨，100派萨=1卢比）
    'name': '商家名称',
    'description': '商品描述',
    'prefill': {'contact': '1234567890', 'email': 'user@example.com'},
    'theme': {'color': '#FF5722'}
  };

  try {
    _razorpay.open(options);
  } catch (e) {
    debugPrint('Error: $e');
  }
}

步骤5：清理资源 #

在页面销毁时清理Razorpay实例，避免内存泄漏：

@override
void dispose() {
  super.dispose();
  _razorpay.clear();
}

内容的提问来源于stack exchange，提问作者James George