Flutter Stripe - How to Enable Stripe Payments in your Flutter Apps [2022]

🚀 Get the membership to watch:    / @maxonflutter  

Today, you'll learn how to enable Stripe payments in your Flutter apps using the package flutter_stripe, Cloud Functions, and the BloC Pattern.

00:00 Introduction
00:35 Boilerplate code walkthrough
01:25 Set up your Stripe account
02:42 Create the environment variable for the Stripe publishable key
03:00 What is the flutter_stripe package
03:38 Set up Stripe for Android apps
04:14 Set up Stripe for iOS apps
04:30 Set up Stripe in the main.dart
05:10 Add the CardFormField and the CardFormEditController widgets
06:08 Create a backend server with Cloud Functions to process the payments
11:55 Deploy the PayEndpointMethodId and the PayEndpointIntentId to Firebase
12:20 Create the Payment BloC to handle the UI changes and the interaction with Stripe
19:45 Connect the UI with the Payment BloC and the Cloud Function backend
21:27 Test the payment with Stripe & the Cloud Functions
22:35 Process a 3D Secure payment with Stripe and Flutter

The Stripe Flutter SDK allows you to build payment experiences in your Android and iOS apps using Flutter. It provides powerful and customizable UI screens and elements that can be used out-of-the-box to collect your users' payment details.