Flutter Payment (Cash | Digital) & Delivery Options (Take away | Delivery) E-commerce App | Part 7
343This part covers the payment and delivery options for flutter e-commerce app. In this part we cover payment method like cash and digital. It also shows you how to work on take away and home delivery options.
This e-commerce app covers shpping app, food app and delivery boy app.
Get the source code of this food ordering app with ui and backend as you saw in the demo section of this video here
https://www.dbestech.com/tutorials/flutter-food-delivery-app-e-commerce-for-ios-and-android
Task management app
https://www.dbestech.com/tutorials/flutter-task-management-app-with-restful-api
It's your next online shop.
This tutorial for beginners to advanced. This app development tutorial covers a complete app as a project. This app uses Getx as state management system. (not speed code, not the flutter way)
twitter @dbestech
If you like my contribution paypal($.99) me at https://www.paypal.com/paypalme/dbestech
Buy me a coffee
https://www.buymeacoffee.com/dbestech/e/79321
Part 1
https://youtu.be/7dAt-JMSCVQ
Get the quick access to the code for the shopping app from Patreon
https://www.patreon.com/posts/61833613
Get the quick access to the code for the quiz app from Patreon
https://www.patreon.com/posts/63323762
Buy a Macbook as I am using for Flutter app dev
https://amzn.to/3AsvPKn
0:00:00 Introduction of the Ecommerce app
0:02:55 Flutter App intro
0:03:55 Major features
0:04:44 Tutorial part 1 intoduction
0:06:23 Tutorial part 2 intoduction
0:07:26 Tutorial part 3 intoduction
0:08:00 Start coding(..addressing UI issues in orders list)
0:09:17 making changes to text arrangement in view_order page
0:13:10 Adding styling and padding to text field
0:18:11 addressing UI issues
0:21:47 making adjustment to header navigation
0:22:29 creating a custom app bar button
0:29:25 Applying the custom_app_bar as a widget in order_page
0:33:13 replacing the default app_bar with the customAppBar in account_page
0:34:27 Restart App on emulator
0:35:00 Add spacing in app Bar by increasing the size
0:35:30 adding loading icon in my orders page
0:36:05 from view_order page change hard code Text to custom loader
0:37:10 Replace default app Bar in add_address_page to customAppBar
0:40:00 Add payment option in Cart_page
0:40:44 wrap Row widget with a column layout in BottomNavigationBar to display the payment options
0:43:22 create a custom common_text_button
0:44:2 Replace Previous text widget with Common Text Button
0:45:29 Addressing Overflow issue with BottomNavigationBar in Cart_Page
0:46:55 Adding decoration to commonTextButton
0:48:10 Add ontap function to payment option button
0:50:16 Adding decoration to payment pop up payment option button in cart_page
0:53:50 Wrap Container widget with singlechildscrollview to make it scrollable
0:56:05 create new payment option button in widget folder as a stateless widget
0:57:35 applying payment_option_button as a widget in cart_page
1:05:00 Apply Box decoration to container in payment option button widget
1:09:12 Apply Padding to container in payment option button widget
1:09:48 make payment option dynamic in order_controller
1:10:37 create a new method setPaymentIndex(){} in order_controller
1:13:54 wrap inkwell widget with getbuilder to call order controller
1:16:35 create a bool to reflect selected payment index in payment option button
1:17:18 makes changes to code to reflected show and hide icon by making it more dynamic
1:19:08 move payment option button from widget folder to order folder
1:18:42 create a stateless class delivery_option in oder folder to show radio option button option
1:26:55 add delivery options as a widget in cartpage
1:32:05 Add style to delivery options widget button and change the activecolor
1:33:32 create a new method setDeliveryType in order controller and declare a variable
1:35:40 wrap Row with GetBuilder in delivery_option widget to create an instance of OrderController
1:37:22 Refresh app on emulator
1:38:00 Work on hard Coded values
1:40:00 Add AppTextField in payment option pop up button
1:42:25 Create text editing controller
1:46:04 Add call back function to showmodalBottomSheet called whenComplete
1:47:35 Add string variable in order controller for storing Text note
1:49:45 Wrap GetBuider in bottomNavigationBar with a GetBuilder to pass in orderControler
1:51:06 Restart app in emulator
1:54:30 remove the update method from setFoodNote in order controller to remove error resulting from double builder in cart_page
1:55:20 Set Data to backend in placeOrderBody
1:56:12 Add Additional parameters (Order_type and payment_method) to placeOrderBody model
1:59:47 Add required arguments to placeOrderBody in cart_page
2:06:45 Add required parameter(order_type, payment_method) in orderController in backend if not present
2:07:55 update sql table to include new added parameters
2:11:05 Run app on emulator
2:15:50 add conditional check to direction path in callback method
2:18:41 run app on emulator
2:19:25 check updated on database