Breaking News: Grepper is joining You.com. Read the official announcement!

Remove separator from ListView.separated when dismissing widget

Ilham Guenane answered on June 19, 2022 Popularity 1/10 Helpfulness 1/10

answer Remove separator from ListView.separated when dismissing widget

Remove separator from ListView.separated when dismissing widget

Comment

must remove item from list using onDesmissed function

final items = List<String>.generate(20, (i) => "Item ${i + 1}");
    
      @override
      Widget build(BuildContext context) {
        final title = 'Dismissing Items';
    
        return MaterialApp(
          title: title,
          theme: ThemeData(
            primarySwatch: Colors.blue,
          ),
          home: Scaffold(
            appBar: AppBar(
              title: Text(title),
            ),
            body: ListView.separated(
              itemCount: items.length,
              itemBuilder: (context, index) {
                final item = items[index];
    
                return Dismissible(
                  // Each Dismissible must contain a Key. Keys allow Flutter to
                  // uniquely identify widgets.
                  key: Key(item),
                  // Provide a function that tells the app
                  // what to do after an item has been swiped away.
                  onDismissed: (direction) {
                    // Remove the item from the data source.
                    setState(() {
                      items.removeAt(index);
                    });
    
                    // Then show a snackbar.
                    ScaffoldMessenger.of(context)
                        .showSnackBar(SnackBar(content: Text("$item dismissed")));
                  },
                  // Show a red background as the item is swiped away.
                  background: Container(color: Colors.red),
                  child: ListTile(title: Text('$item')),
                );
              },
              separatorBuilder: (BuildContext context, int index) => Divider(),
            ),
          ),
        );
      }

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: separator whatever when widget

Link to this answer
Share Copy Link

Contributed on Jun 19 2022

Ilham Guenane

0 Answers Avg Quality 2/10

Remove separator from ListView.separated when dismissing widget

Contents

More Related Answers

Remove separator from ListView.separated when dismissing widget

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.