tss_razorpay_plugin 1.0.2
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.
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:
'customer@example.com', // 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,
),
);
}
}