progress_tracker 0.0.5

progress_tracker: ^0.0.5 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.

Showcase #

How to get started? 🤔 #

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

dependencies:
  progress_tracker:

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';

How to use? 🤔 #

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

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

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

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

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

  int index = 0;

  void onClickButton() {
    setState(() {
      index++;
      statuList[index].active = true;
    });
  }

  @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,
                statusList: statuList,
              ),
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              onPressed: index != statuList.length - 1 ? onClickButton : null,
              child: const Text('NEXT'),
            )
          ],
        ),
      ),
    );
  }
}

Feedback #

• Please raise an issue here.

Contect me 📨 #