Flutter listview update item

Update items in ListView using Flutter

To update items in a ListView in Flutter, you can make use of a StatefulWidget along with the setState() method. Here’s a step-by-step guide:

1. Create a new StatefulWidget using the StatefulWidget class.
2. Define the state class that extends State<YourStatefulWidget>.
3. Declare your list of items as a state variable within the state class.
4. Inside the build method of the state class, use a ListView.builder widget to display the items.
5. Use the setState method whenever you want to update the list of items. This will trigger a rebuild of the widget tree, causing the ListView to be updated.

Example:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

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

class MyListView extends StatefulWidget {
  @override
  _MyListViewState createState() => _MyListViewState();
}

class _MyListViewState extends State<MyListView> {
  List<String> items = ['Item 1', 'Item 2', 'Item 3'];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ListView Update'),
      ),
      body: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(items[index]),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            // Update the list of items
            items[0] = 'Updated Item';
          });
        },
        child: Icon(Icons.update),
      ),
    );
  }
}
  

In the above example, we have a StatefulWidget called MyListView which displays a ListView of items. We have initially set the items to ['Item 1', 'Item 2', 'Item 3']. On pressing the floating action button with the update icon, we update the first item in the list using setState method.