Flutter Payment App | App Development Tutorial for Beginners for iOS and Android from Scratch

Channel:
Bangladesh dbestech
Subscribers:
135,000
Published on ● Video Link: https://www.youtube.com/watch?v=RJW__xxu5vY


Category:
Tutorial
Duration: 2:32:54
94,882 views
2,275

Here you will learn how to build a payment app from scratch for iOS and Android using flutter step by step. Flutter payment app building will cover payment UI, payment with paypal and braintree and with backend api. This tutorial also cover complex ui building using stack widgets.

Patreons download the complete code from the link below
https://www.patreon.com/posts/56925458

Download the starter code from the link below
https://www.dbestech.com/tutorials/flutter-payment-app-with-paypal

Payment integration for Paypal in Flutter
https://youtu.be/3G8QYPZOSJo

Read a good book and motivate yourself to achieve your dream
https://amzn.to/3A73INw

For flutter ios development if you need to buy apple computer check out the link below
https://amzn.to/3nrE6Ii

Flutter task management app
https://www.dbestech.com/tutorials/flutter-task-management-app-with-restful-api

Timeline
0:0:35 Starter code
0:0:43 Project structure
0:02:55 Explain complex layout and start positioning
0:03:20 Introduce positioned and stack widget
0:05:50: Static class for color in flutter project
0:08:19 Declare the header of the app using private variables and it's functions
0:09:10 Multiple Stack widgets
0:11:50 Display images using DecorationImage and AssetImage
0:23:40 Start working on the listView for flutter listview with image and text using one side border and shadow spread radius and blur radius
0:26:15 ListView styling and decoration
0:29:10 Explain row and column layout
0:33:15 Showing the list image
0:35:30 Showing the text with the listview and image next to each other
0:44:00 Showing the dots using custom functions based on the length of the text
0:45:45 Get text width using TextPainter and TextSpan and get dynamic text width
1:01:30 Start drawing half oval
1:04:10 Showing all the items in a list which has texts and images
1:07:38 Wrap widgets using ListView.Builder
1:10:00 ListView.builder within Positioned widget
1:11:39 MediaQuery.removePadding to remove top padding of listview builder
1:12:33 Create a reusable button
1:24:45 Start showing overlay using showModalButtomSheet
1:25:20 showModalButtomSheet for overlay and customize the overlay with heights and positions
1:34:08 Show buttons in a column
1:46:25 Required and optional parameters for widgets
1:48:10 Cancel the modal of showModalButtonSheet using Navigator.pop(context)
1:57:25 Start working for paybill page payment page
2:06:00 Introduce the idea for the layout

This is first part of the series where we covered the payment ui. Payment ui includes home page, payment history and payment page. The widgets we have used are
1. Stack widgets
2. Positioned widgets
3. MediaQuery.removePadding
4. Container widgets
5. TextPainter widgets
6. TextSpan widgets

The concepts would covered here are

1. Building complext payment ui
2. Select with payment options with Getx
3. Make payment with paypal Braintree
4. Backend record of the payment



Other Videos By dbestech


2021-11-07Laravel 8 | Multi Language Websites With Laravel Route Groups |The Easiest & Efficient Way
2021-11-05Flutter setState() and Callback Function(with parameters) for Passing Data Between Classes
2021-11-03Flutter Firebase App Setup Tutorial & Getx Authentication | Using Email & Password | Part 2
2021-11-01Flutter Firebase App | Step by Step for Beginners to Advanced | Login & Sign up | Auth Page - Part 1
2021-10-30Simplest Explanation Flutter BLoc Pattern | States and Events | mapEventToState
2021-10-29Pubspec.yaml error A package may not list itself as a dependency.
2021-10-23Flutter Multiple Selection | Filter ListView Category Using Map Where() & Contain() | Getx
2021-10-21Flutter Local Notifications & Sqflite Explained Step by Step | Part 3
2021-10-15Flutter Payment App | Laravel Backend Admin Panel | GetX Rest API | Getx Obs and Obx
2021-10-06Must Know Dart List and Map for Flutter App Dev | forEach() map() toList()
2021-10-02Flutter Payment App | App Development Tutorial for Beginners for iOS and Android from Scratch
2021-09-23Flutter App Using Sqlite & Sqflite CRUD With Local Scheduled Notifications | GetX Listview | Part 2
2021-09-19Flutter Dynamic Theme Change | Local Push Notification | Get Storage | Beginners App iOS | Android
2021-09-06Flutter Video Player Tutorial With Controls Fullscreen | Aspect Ratio ListView | Url Example
2021-08-27Flutter App Development Tutorial for Beginners iOS | Android | Complex UI | Training App GetX
2021-08-19Complete Flutter Web App | A Responsive Website Tutorial for Beginners
2021-08-15Flutter Getx App Tutorial | Flutter App Development Tutorial | State management
2021-08-13Flutter Text Animation | Text Widget Style and Animated Container
2021-08-09Flutter Circle Avatar Image | Profile Network Image & Json Listview
2021-08-08Flutter GetX Bottom Navigation Bar With Animation | Dependency Injection
2021-08-07Flutter Stack Layout | Flutter Positioned Widget For Beginners


Tags:
flutter payment app
flutter payment with paypal
flutter payment app ui
flutter payment app with backend
flutter app step by step
flutter tutorial
flutter android and ios tutorials
flutter tutorials 2021
flutter payment gateway
flutter payment app github
flutter payment with braintree
flutter payment sdk
flutter backend app
flutter app with backend
flutter laravel
flutter nodejs payment
flutter php payment
flutter payment app with laravel