order_tracker_zen 1.0.0+4 copy "order_tracker_zen: ^1.0.0+4" to clipboard
order_tracker_zen: ^1.0.0+4 copied to clipboard

This is a Popular, Simple and Easy to use Flutter Order Tracking UI that Proudly made by Team Zenzzen

Order Tracker #

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

Showcase

Untitled

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 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 image

  • TrackerData is container of that contains tracking details image

  • TrackerDetails is a single tracking tracking detail image

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

20
likes
160
points
2
downloads

Publisher

verified publisherzenzzen.com

Weekly Downloads

This is a Popular, Simple and Easy to use Flutter Order Tracking UI that Proudly made by Team Zenzzen

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on order_tracker_zen