tss_razorpay_plugin 1.0.2 copy "tss_razorpay_plugin: ^1.0.2" to clipboard
tss_razorpay_plugin: ^1.0.2 copied to clipboard

A comprehensive Flutter plugin for Razorpay payment integration with full support for mobile (iOS/Android) and web platforms, featuring modern dart:js_interop.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:tss_razorpay_plugin/tss_razorpay_plugin.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Razorpay Payment Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const PaymentExample(),
    );
  }
}

class PaymentExample extends StatelessWidget {
  const PaymentExample({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Razorpay Payment Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () => _initiatePayment(context),
          child: const Text('Pay ₹1000'),
        ),
      ),
    );
  }

  void _initiatePayment(BuildContext context) {
    // In real app, you'd get these values from your server API
    // Example: PaymentRequestResponseDTO from /api/payment/create

    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (_) => RzPage(
          razorpayKeyId:
              'rzp_test_xxxxxxxxxx', // razorpayKeyId
          amt: '100000', // in paise
          companyName: 'Your Company',
          orderDescription: 'Test Order #123',
          orderId:
              'order_xxxxxxxxxxxxx', // From server: paymentResponse.pgwRequestId
          buyerPhNo: '9999999999', // From server: paymentResponse.buyerPhNo
          buyerEmail:
              '[email protected]', // From server: paymentResponse.buyerEmail
          callbacks: RzCallbacks(
            onPaymentSuccess: () {
              Navigator.pop(context);
              _showMessage(context, 'Payment Successful!', Colors.green);
            },
            onPaymentError: () {
              Navigator.pop(context);
              _showMessage(context, 'Payment Failed!', Colors.red);
            },
          ),
          onPaymentUpdate: (status, data) {
            debugPrint('Payment Status: $status');
            debugPrint('Payment Data: $data');
          },
        ),
      ),
    );
  }

  void _showMessage(BuildContext context, String message, Color color) {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text(message),
        backgroundColor: color,
      ),
    );
  }
}
0
likes
160
points
153
downloads

Publisher

verified publishertechsukras.com

Weekly Downloads

A comprehensive Flutter plugin for Razorpay payment integration with full support for mobile (iOS/Android) and web platforms, featuring modern dart:js_interop.

Repository (GitLab)
View/report issues

Topics

#razorpay #payment #payment-gateway #flutter #dart

Documentation

API reference

License

MIT (license)

Dependencies

flutter, razorpay_flutter

More

Packages that depend on tss_razorpay_plugin

Packages that implement tss_razorpay_plugin