Flutter Dart I have these files in picture I wrote most the codes but I stuck with somethings. 1- I want 10 items each item has Id, Description, name ex List Note: I want the items in GlobalItems files 2- I want the user able to scroll down and up 3- when the user tab on item he will be able to update the information such name and description 4- there is a delete button at the home page if he want to delete the item Very Important Note: do not create your code that not relate to my code bc it will be (((((UNUSEFULL))) show me you output too THANKS Home Page: Item file Global Item file the Second Page that the user will be able to edits class_MyHomePagestate extends state \{ // List < Item > item =[ // ]; void_handleButtonPress() \{ setstate ((){ if (!Globalitems () . items. contains ( index ) index. Id == item. Id ) ) \{ Globalitems () . items . add(item); \} Navigator . push(context, MaterialPageRoute(builder: (context) EditItemPage(item: item))) .then ((( value ){ setstate ((){})})); \}); \} Widget build(Buildcontext context) \{ return scaffold( appBar: AppBar ( backgroundColor: Theme.of(context).colorscheme.inversePrimary, title: Text(widget.title), ), // AppBar body: Center ( child: Column( mainAxisAlignment: MainAxisAlignment.start, children: Widget>[ Text "Item Information", style: Textstyle(fontsize: 30, fontweight: Fontweight.bold), , // Text Text ( "Item ID: \$\{item.Id\}", style: TextStyle(fontSize: 20), ), // Text Text( "Item name: \$\{item.name }, style: Textstyle(fontSize: 20), ), // Text Text( "Item Description: \$\{item. Description\}", style: TextStyle(fontsize: 20), ), // Text ElevatedButton( onPressed:_handleButtonPress, child: Text("Edit Items")) // ], // Widget >[] ), // Column class Item \{ int Id; String name; String Description; Item(this.Id, this.name, this.Description); \} import 'item.dart'; class GlobalItems \{ static final GlobalItems_item = GlobalItems._instance(); factory GlobalItems() \{ | return_item; Globalitems._instance(); List items = [ ]; import 'item.dart'; class Globalitems \{ static final Globalitems_item = Globalitems._instance(); factory Globalitems() \{ return _item; \} GlobalItems._instance(); List Item > items =[ ]; \} class EditItemPage extends statefulwidget \{ final Item item; const EditItemPage(\{Key? key, required this.item }) : super(key: key); @override State createstate() EditItemPagestate(item); \} class _EditItemPagestate extends State \{ EditItemPagestate(item); late Item item = widget.item; TextEditingController itemNameController = new TextEditingController(); TextEditingController itemDescriptionController = new TextEditingController(); @override void initstate() \{ super.initstate(); itemNameController.text = item.name; itemDescriptioncontroller.text = item.Description; \} void_updateitemPressed() \{ Item cuurentItem = Globalitems ( ).items.firstwhere ((index) index.Id == item.Id); cuurentItem. name = itemNameController.text; cuurentItem.Description = itemDescriptioncontroller.text; .

1. Flutter Dart
I have these files in picture I wrote most the codes but I stuck with somethings.
1- I want 10 items each item has Id, Description, name ex List Note: I want the items in
GlobalItems files
2- I want the user able to scroll down and up
3- when the user tab on item he will be able to update the information such name and description
4- there is a delete button at the home page if he want to delete the item
Very Important Note: do not create your code that not relate to my code bc it will be
(((((UNUSEFULL)))
show me you output too
THANKS
Home Page:
Item file
Global Item file
the Second Page that the user will be able to edits class_MyHomePagestate extends state { //
List < Item > item =[ // ]; void_handleButtonPress() { setstate ((){ if (!Globalitems () . items.
contains ( index ) index. Id == item. Id ) ) { Globalitems () . items . add(item); } Navigator .
push(context, MaterialPageRoute(builder: (context) EditItemPage(item: item))) .then ((( value
){ setstate ((){})})); }); }
Widget build(Buildcontext context) { return scaffold( appBar: AppBar ( backgroundColor:
Theme.of(context).colorscheme.inversePrimary, title: Text(widget.title), ), // AppBar body:
Center ( child: Column( mainAxisAlignment: MainAxisAlignment.start, children: Widget>[
Text "Item Information", style: Textstyle(fontsize: 30, fontweight: Fontweight.bold), , // Text
Text ( "Item ID: ${item.Id}", style: TextStyle(fontSize: 20), ), // Text Text( "Item name:
${item.name }, style: Textstyle(fontSize: 20), ), // Text Text( "Item Description: ${item.
Description}", style: TextStyle(fontsize: 20), ), // Text ElevatedButton(
onPressed:_handleButtonPress, child: Text("Edit Items")) // ], // Widget >[] ), // Column
class Item { int Id; String name; String Description; Item(this.Id, this.name, this.Description); }
import 'item.dart'; class GlobalItems { static final GlobalItems_item = GlobalItems._instance();
factory GlobalItems() { | return_item; Globalitems._instance(); List items = [ ]; import

2. 'item.dart'; class Globalitems { static final Globalitems_item = Globalitems._instance(); factory
Globalitems() { return _item; } GlobalItems._instance(); List Item > items =[ ]; }
class EditItemPage extends statefulwidget { final Item item; const EditItemPage({Key? key,
required this.item }) : super(key: key); @override State createstate() EditItemPagestate(item); }
class _EditItemPagestate extends State { EditItemPagestate(item); late Item item = widget.item;
TextEditingController itemNameController = new TextEditingController();
TextEditingController itemDescriptionController = new TextEditingController(); @override
void initstate() { super.initstate(); itemNameController.text = item.name;
itemDescriptioncontroller.text = item.Description; } void_updateitemPressed() { Item
cuurentItem = Globalitems ( ).items.firstwhere ((index) index.Id == item.Id); cuurentItem. name
= itemNameController.text; cuurentItem.Description = itemDescriptioncontroller.text;
cuurentItem.Description = itemDescriptionController.text; Navigator.pop(context); override
idget build(BuildContext context) { return Container( child: Scaffold( appBar: AppBar(
backgroundColor: Theme.of(context).colorscheme.inversePrimary, title: Text("Edit Items $
item.Id }"), ), // AppBar body: Center ( child: Column( mainAxisAlignment:
MainAxisAlignment.start, children: TextField( controller: itemNameController, decoration:
InputDecoration(labelText: "Name")), // TextFie TextField( controller:
itemDescriptionController, decoration: InputDecoration(labelText: "Description")), //
ElevatedButton( onPressed: updateitemPressed, child: Text("Update Item"), ) // ElevatedButton
]), // widget>[] // column ), // Center )); // Scaffold // Container