order_tracker_zen

Description:

order tracker zen

Order Tracker #
Make a fabulous order tracker for you e-commerce app is no time.
Showcase

What is different #



Title
Other Order Tackers
Order Tracker Zen




Order Tracking Functionality
✅
✅


Animations
✅
✅


Custom Order Headings
👎🏻
✅


Use Custom Styles
👎🏻
✅


Toggle bitween expanded and shrinked just with one variable
👎🏻
✅


Email Support By Zenzzen
👎🏻
✅


Shrinkable
👎🏻
✅



Our team is always happy to help tech enthusiasts like you, you can email us on [email protected] in case if you find any difficulty
How to get started❓ 🤔 #
You can simply add the dependency from cli like:
flutter pub add order_tracker_zen
copied to clipboard
Or you can add it in your pubspec.yaml like:
dependencies:
order_tracker_zen:
copied to clipboard
How to use❓ 🤔 #
Using it is as easy as create a TextFormField, Don't beleave? Let me show you:
OrderTrackerZen(
tracker_data: [
TrackerData(
title: "Order Place",
date: "Sat, 8 Apr '22",
tracker_details: [
TrackerDetails(
title: "Your order was placed on Zenzzen",
datetime: "Sat, 8 Apr '22 - 17:17",
),
TrackerDetails(
title: "Zenzzen Arranged A Callback Request",
datetime: "Sat, 8 Apr '22 - 17:42",
),
],
),
TrackerData(
title: "Order Shipped",
date: "Sat, 8 Apr '22",
tracker_details: [
TrackerDetails(
title: "Your order was shipped with MailDeli",
datetime: "Sat, 8 Apr '22 - 17:50",
),
],
),
TrackerData(
title: "Order Delivered",
date: "Sat,8 Apr '22",
tracker_details: [
TrackerDetails(
title: "You received your order, by MailDeli",
datetime: "Sat, 8 Apr '22 - 17:51",
),
],
),
],
)
copied to clipboard
Looks Looooong? Dont worrrrrryyyyy.....
This is because it hardcoded data, in your case you must be using loops here. Ok!
Let me explain about OrderTrackerZen, TrackerData and TrackerDetails .


OrderTrackerZen is main container of whole order tracker, like



TrackerData is container of that contains tracking details



TrackerDetails is a single tracking tracking detail



Additional Params (Optional) #

success_color : Color of progress bar
background_color : Background color of progress bar
screen_background_color : Dot in progress bar has a small border, that must match background, that helps in same
text_primary_color : Primary text color
text_secondary_color : Seconday text color
isShrinked : This boolean toggles bitween shrinked and detailed view

This is what Zenzzen Team made for you specially 😊, Now it's your responsibility to make ground-breaking app that rocks 🤘🏻