Seerbit Flutter SDK can be used to integrate the SeerBit payment gateway into your flutter application.
Register for a merchant account on Seerbit Merchant Dashboard to get started.
Dart sdk: ">=2.12.0-0 <3.0.0"
Flutter: ">=1.22.2"
Android: minSdkVersion 17 and add support for androidx (see AndroidX Migration to migrate an existing app)
iOS: --ios-language swift, Xcode version >= 12
flutter pub get seerbit_flutter_nativeIf you have any problems, questions or suggestions, create an issue here or send your inquiry to [email protected]
You should already have your API keys. If not, go to dashboard.seerbitapi.com. Login -> Settings menu -> API Keys menu -> Copy your public key
| Property | Type | Required | Default | Desc |
|---|---|---|---|---|
| currency | String |
Optional | NGN | The currency for the transaction e.g NGN |
String |
Required | None | The email of the user to be charged | |
| description | String |
Optional | None | The transaction description which is optional |
| fullName | String |
Optional | None | The fullname of the user to be charged |
| country | String |
Optional | None | Transaction country which can be optional |
| transRef | String |
Required | None | Set a unique transaction reference for every transaction |
| amount | String |
Required | None | The transaction amount in kobo |
| callbackUrl | String |
Optional | None | This is the redirect url when transaction is successful |
| publicKey | String |
Required | None | Your Public key or see above step to get yours |
| closeOnSuccess | bool |
Optional | False | Close checkout when trasaction is successful |
| closePrompt | bool |
Optional | False | Close the checkout page if transaction is not initiated |
| setAmountByCustomer | bool |
Optional | False | Set to true if you want user to enter transaction amount |
| pocketRef | String |
Optional | None | This is your pocket reference for vendors with pocket |
| vendorId | String |
Optional | None | This is the vendorId of your business using pocket |
| tokenize | bool |
Optional | False | Tokenize card |
| customization | CustomizationModel | Optional | CustomizationModel | CustomizationMode( borderColor: "#000000", backgroundColor: "#004C64", buttonColor: "#0084A0", paymentMethod:[PayChannel.card, PayChannel.account, PayChannel.transfer, PayChannel.momo], confetti: false , logo: "logo_url or base64") |
| onSuccess | Method |
Optional | None | Callback method if transaction was successful |
| onCancel | Method |
Optional | None | Callback method if transaction was cancelled |
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:seerbit_flutter_native/seerbit_flutter_native.dart';
class CheckOut extends StatelessWidget {
const CheckOut({Key? key}) : super(key: key);
SeerbitMethod SeerBit = new SeerbitMethod();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
TextButton(
onPressed: () {
seerbitCheckout.createCheckout(
context,
showForm: false,
onClose: () => print("Closed"),
onSuccess: () => print("Success"),
onFailure: () => print("Failure"),
payload: PaymentPayloadModel(
firstName: "Falola",
lastName: "Adedayo",
fullName: "Falola Adedayo",
mobileNumber: "091231923012",
email: "[email protected]",
productId: "",
currency: "NGN",
country: "NG",
amount: "121"),
);
},
child: const Text("Pay without form"),
),
TextButton(
onPressed: () {
seerbitCheckout.createCheckout(
context,
showForm: true,
isRelease: true, //Set true when using a test key
onClose: () => print("Closed"),
onSuccess: () => print("Success"),
onFailure: () => print("Failure"),
payload: PaymentPayloadModel(
firstName: "Falola",
lastName: "Adedayo",
fullName: "Falola Adedayo",
mobileNumber: "09012312312",
email: "[email protected]",
productId: "",
currency: "NGN",
country: "NG",
amount: "20"),
);
},
child: const Text("Pay with form"),
)
],
),
),
);
SeerBit.startPayment(
context,
payload: payload,
onSuccess: (*) { print(*);},
onCancel: (_) { print('_' _ 400);}
);
}
}
onSuccess you will recieve a Map containing the response from the payment request.
During the payment process you can simply end the process by calling
SeerbitMethod.endPayment(context);This ends the payment and removes the checkout view from the screen.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent