progress_tracker 0.0.4

progress_tracker: ^0.0.4 copied to clipboard

progress_tracker #

A versatile and easy-to-use Flutter package for implementing progress tracking and status visualization in your applications.

Features #

Progress Tracking Widgets: Easy-to-use widgets for visualizing and tracking progress within your Flutter application.

User-Friendly Components: User-friendly components for indicating status, completion, or progression in various scenarios.

Open Source and Community-Driven: Open source nature that encourages community contributions, fostering collaboration and improvement over time.

How to use? #

1. Add the latest version of package to your pucspec.yaml:

dependencies:
  progress_tracker: ^0.0.4

2. Install packages from the comman line:

$ flutter pub get

3. Import the package and use it in your Flutter App.

import 'package:progress_tracker/progress_tracker.dart';

Example #

import 'package:flutter/material.dart';
import 'package:progress_tracker/progress_tracker.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final List<ProgressStatus> progressStatuses = [
    ProgressStatus(name: 'ORDER', icon: Icons.shopping_bag),
    ProgressStatus(name: 'SHIP', icon: Icons.local_shipping),
    ProgressStatus(name: 'DONE', icon: Icons.check_circle),
  ];

  int index = 0;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Example Progress Tracker'),
        ),
        body: Column(
          children: [
            Padding(
              padding: const EdgeInsets.only(top: 16.0),
              child: ProgressTracker(
                currentIndex: index,
                progressStatuses: progressStatuses,
              ),
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              onPressed: index == progressStatuses.length - 1
                  ? null
                  : () {
                      setState(() {
                        index++;
                        progressStatuses[index].isActiveStatus = true;
                      });
                    },
              child: const Text('NEXT'),
            )
          ],
        ),
      ),
    );
  }
}