Order Tracker

Make a fabulous order tracker for you e-commerce app is no time.

Showcase

What is different

Our team is always happy to help tech enthusiasts like you, you can email us on dev_support@zenzzen.com 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

Or you can add it in your pubspec.yaml like:

dependencies:
	order_tracker_zen:

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",
				),
			],
		),
	],
)

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 🤘🏻