Notes App - Flutterflow Typing CST Test

Notes App — Flutterflow Code

A simple note-taking app using FlutterFlow's visual ListView and custom Dart state logic.

import 'package:flutter/material.dart';

class NotesApp extends StatefulWidget {
	@override
	_NotesAppState createState() => _NotesAppState();
}

class _NotesAppState extends State<NotesApp> {
	final List<String> notes = [];
	final controller = TextEditingController();

	void addNote() {
		if(controller.text.isNotEmpty){
		setState(() => notes.add(controller.text));
		controller.clear();
		}
	}

	@override
	Widget build(BuildContext context){
		return Scaffold(
		appBar: AppBar(title: Text('Notes')),
		body: Column(
		children:[
		TextField(controller: controller, decoration: InputDecoration(hintText: 'Write note')),
		ElevatedButton(onPressed: addNote, child: Text('Add')),
		Expanded(child: ListView(children: notes.map((n)=>ListTile(title: Text(n))).toList())),
		]
		)
		);
	}
}

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