Habit Tracker - Flutterflow Typing CST Test

Habit Tracker — Flutterflow Code

Tracks daily habits with checkboxes and FlutterFlow toggle widgets, combined with custom Dart logic.

import 'package:flutter/material.dart';

class HabitTracker extends StatefulWidget {
	@override
	_HabitTrackerState createState() => _HabitTrackerState();
}

class _HabitTrackerState extends State<HabitTracker> {
	List<Map<String, dynamic>> habits = [
		{'title': 'Drink Water', 'done': false},
		{'title': 'Exercise', 'done': false}
	];

	void toggleHabit(int i){
		setState(()=> habits[i]['done'] = !habits[i]['done']);
	}

	@override
	Widget build(BuildContext context){
		return Scaffold(
		appBar: AppBar(title: Text('Habit Tracker')),
		body: ListView.builder(
		itemCount: habits.length,
		itemBuilder: (c,i)=>CheckboxListTile(
		title: Text(habits[i]['title']),
		value: habits[i]['done'],
		onChanged: (_) => toggleHabit(i),
		)
		)
		);
	}
}

Flutterflow Language Guide

FlutterFlow is a low-code visual app builder that enables users to create native iOS, Android, and web applications using a drag-and-drop interface, powered by Google’s Flutter framework.

More Flutterflow Typing Exercises

Practice Other Languages