order_tracker_zen 1.0.0+4

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

example/lib/main.dart

/// Order Tracker Zen
///
/// A Flutter package that provides a simple and customizable order tracking widget for your applications.
/// This example demonstrates how to create an order tracking widget using the OrderTrackerZen package.
///
/// To use this package, add `order_tracker_zen` as a dependency in your `pubspec.yaml` file.
import 'package:flutter/material.dart';
import 'package:order_tracker_zen/order_tracker_zen.dart';

/// The main function is the entry point of the application.
void main(List<String> args) {
  runApp(MyApp());
}

/// MyApp is a StatelessWidget that acts as the root widget of the application.
///
/// It configures the MaterialApp with the necessary theme and routing information.
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text("Order Tracker Zen"),
        ),
        body: Center(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              // Add padding around the OrderTrackerZen widget for better presentation.
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 20, vertical: 30),
                // OrderTrackerZen is the main widget of the package which displays the order tracking information.
                child: OrderTrackerZen(
                  // Provide an array of TrackerData objects to display the order tracking information.
                  tracker_data: [
                    // TrackerData represents a single step in the order tracking process.
                    TrackerData(
                      title: "Order Placed",
                      date: "Sat, 8 Apr '22",
                      // Provide an array of TrackerDetails objects to display more details about this step.
                      tracker_details: [
                        // TrackerDetails contains detailed information about a specific event in the order tracking process.
                        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",
                        ),
                      ],
                    ),
                    // yet another TrackerData object
                    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",
                        ),
                      ],
                    ),
                    // And yet another TrackerData object
                    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",
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

// Path: example/lib/main.dart
// Order Tracker Zen
// A Flutter package that provides a simple and customizable order tracking widget for your applications.
// This example demonstrates how to create an order tracking widget using the OrderTrackerZen package.
// To use this package, add `order_tracker_zen` as a dependency in your `pubspec.yaml` file.