Fitness Dashboard

Loading preview

Starting the Flutter app

A showcase of Flutter's fitness dashboard functionality

Get the source

Add it to your project

Copies the Dart source into your app, so you own it. Flutter SDK only, no extra packages.

First time? Run dart pub global activate fluttertemplates_dev, or read the CLI guide.

How it works

A summary card built from two _StatChips sits above _stats, rendered as ListTiles. Entries differ in shape: Steps and Calories have a target, while Active has a unit, so s['target'] != null decides on a subtitle. Trailing text joins value and unit with a space, giving 45 min. All figures are hardcoded, and the two quick action buttons show a demo SnackBar.

Adapting it

  • Replace _stats with data from a package like health, which reads HealthKit and Health Connect.
  • Make value and target numeric so each row can show a LinearProgressIndicator.
  • Wire Start Workout and Log to your own routes.