Counter with Reset - Flutter Typing CST Test

Counter with Reset — Flutter Code

Counter widget with increment, decrement, and reset functionality.

import 'package:flutter/material.dart';

void main() => runApp(CounterResetApp());

class CounterResetApp extends StatelessWidget {
	@override
	Widget build(BuildContext context) => MaterialApp(home: CounterScreen());
}

class CounterScreen extends StatefulWidget {
	@override
	_CounterScreenState createState() => _CounterScreenState();
}

class _CounterScreenState extends State<CounterScreen> {
	int _count = 0;

	void _increment() => setState(() => _count++);
	void _decrement() => setState(() => _count--);
	void _reset() => setState(() => _count = 0);

	@override
	Widget build(BuildContext context) {
		return Scaffold(
			appBar: AppBar(title: Text('Counter Reset')),
			body: Center(
				child: Column(
					mainAxisAlignment: MainAxisAlignment.center,
					children: [
						Text('Count: $_count', style: TextStyle(fontSize: 32)),
						Row(
							mainAxisAlignment: MainAxisAlignment.center,
							children: [
								ElevatedButton(onPressed: _decrement, child: Text('-')),
								SizedBox(width: 10),
								ElevatedButton(onPressed: _reset, child: Text('Reset')),
								SizedBox(width: 10),
								ElevatedButton(onPressed: _increment, child: Text('+')),
							],
						)
					],
				),
			),
		);
	}
}

Flutter Language Guide

Flutter is an open-source UI framework by Google for building cross-platform mobile, web, and desktop applications using a single Dart codebase, featuring a highly performant rendering engine and a rich set of customizable widgets.

More Flutter Typing Exercises

Practice Other Languages