Einfache Notizen-App mit Flutter

• Richten Sie ein neues Flutter-Projekt ein.
• Entwerfen Sie das Layout Ihrer App. Dies könnte eine Listenansicht zum Anzeigen der Notizen, eine schwebende Aktionsschaltfläche zum Hinzufügen einer neuen Notiz und ein Formular zum Eingeben des Notizinhalts umfassen.
• Implementieren Sie die Funktionalität zum Hinzufügen einer neuen Notiz. Dies könnte das Anzeigen eines Formularmodals beinhalten, wenn auf die schwebende Aktionsschaltfläche geklickt wird, und das Speichern der neuen Notiz in einer Datenbank oder Datei, wenn das Formular gesendet wird.
• Implementieren Sie die Funktionalität, um die Liste der Notizen anzuzeigen. Dies könnte beinhalten, die Notizen aus der Datenbank oder Datei zu lesen und ein ListView-Widget zu verwenden, um sie anzuzeigen.
• Implementieren Sie die Funktionalität zum Bearbeiten oder Löschen einer Notiz. Dies könnte das Hinzufügen von Schaltflächen oder Optionen zu den Notizlistenelementen beinhalten, die es dem Benutzer ermöglichen, diese Aktionen auszuführen.
• (Optional) Fügen Sie zusätzliche Funktionen wie das Markieren, Suchen und Sortieren der Notizen hinzu.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Notes App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Notes'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final List<String> _notes = [];

  void _addNote() {
    setState(() {
      _notes.add('New note');
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ListView.builder(
        itemCount: _notes.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(_notes[index]),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _addNote,
        tooltip: 'Add Note',
        child: Icon(Icons.add),
      ),
    );
  }
}