Counter App - Flutterflow Typing CST Test

Counter App — Flutterflow Code

A basic counter app example using FlutterFlow and custom Dart state logic.

import 'package:flutter/material.dart';

class CounterApp extends StatefulWidget {
	@override
	_CounterAppState createState() => _CounterAppState();
}

class _CounterAppState extends State<CounterApp> {
	int count = 0;

	@override
	Widget build(BuildContext context){
		return Scaffold(
		appBar: AppBar(title: Text('Counter')),
		body: Center(
		child: Column(mainAxisAlignment: MainAxisAlignment.center, children:[
		Text('Count: '+count.toString(), style: TextStyle(fontSize: 24)),
		ElevatedButton(onPressed: ()=>setState(()=>count++), child: Text('Increment')),
		ElevatedButton(onPressed: ()=>setState(()=>count--), child: Text('Decrement')),
		])
		)
		);
	}
}

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