Discussion on "Paystack Payment Integration in Flutter App"

Alemoh Rapheal Baja · 2021-08-08T18:53:46.044Z

In this article, we'll be looking at card payment integration using Paystack package called flutter_paystack Paystack is a Modern online and offline payments for Africa Paystack helps businesses in Africa get paid by anyone, anywhere in the world H...

Thanks for this tutorial. It works just fine. I'm however having a little challenge in the e-commerce app I'm building while trying to pass the total amount of the cart to Paystack "amount". Whenever I do so, the Paystack popup payment window does not open. Please what could be wrong? Here is my code

chargeCard(BuildContext context) async { var cartItems = Provider.of<CartProvider>(context, listen: false); cartItems.fetchCartItems(); var charge = Charge() ..amount = (cartItems.totalAmount * 100) as int ..reference = _getReference() ..putCustomField('custom_id','846gey6w') //to pass extra parameters to be retrieved on the response from Paystack ..email = 'support@jumbocheap.com';

Hello Kings, thanks for reaching out. Definitely, something is missing somewhere probably the details from your cartItems are not accessible.

What i could suggest if you've not done so

->Display the details of the cartItems before passing it into the charge function

->Check the value type of the totalAmount if it's an int

->Hardcode an amount to the charge function and give it a try

->Check your network and console for errors

->Relaunch the application

->Check the paystack public key initialization

->Review the state management .... CartProvider

please feel free to reach out if it doesn't work.

Regards

Hey there! you did a great job turning those scary codes on other blog to something simple and intuitive... Thanks alot.

Thanks for the feedback!!!

Search Hashnode

Paystack Payment Integration in Flutter App

Responses(2)