Getting rid of divider when using onDismissed - flutter

Question

I am semi new to flutter and am having a difficult time with this specific problem. I have listview.seperated widgets I am trying to delete.
return ListView.separated
(
separatorBuilder: (context, index) => Divider(),
padding: const EdgeInsets.all(5.0),
itemCount: siteName.length + 1,
itemBuilder: (context, i) {
if (i != siteName.length) {
return _buildRow(siteName[i], i);
}
else
return _lastRow();
}
so inside of _buildrow I use onDismissed which works however when I dismiss it the operator stays. Any help on exactly how I can get rid of it?
Widget _buildRow(String pair, int num) {
final bool isClicked = (clicked == num);
return Dismissible
(
key: Key(pair),
onDismissed: (direction) {
setState(() {
siteName.removeAt(num);
lines.removeAt(num);
});
},
background: Container
(
padding: EdgeInsets.only(right: 10.0),
alignment: AlignmentDirectional.centerEnd,
color: Colors.red,
child: Icon
(
Icons.delete,
color: Colors.white,
)
),
child: ListTile
(
title: Text
(
pair,
style: _biggerFont,
),
trailing: Icon
(
isClicked ? Icons.check_circle : Icons.check_circle_outline,
color: isClicked ? Colors.green : Colors.black,
),
onTap: () {
setState(() {
if (isClicked) {
clicked = null;
} else {
clicked = num;
}
});
}
)
);
}

Answer 1

You can copy paste run full code below
You can use List<bool> clickedList to control clicked element
code snippet
trailing: Icon(
clickedList[num]
? Icons.check_circle
: Icons.check_circle_outline,
color: clickedList[num] ? Colors.green : Colors.black,
),
onTap: () {
setState(() {
clickedList[num] = !clickedList[num];
});
}));
working demo
full code
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
MyApp({Key key}) : super(key: key);
#override
MyAppState createState() {
return MyAppState();
}
}
class MyAppState extends State<MyApp> {
final siteName = List<String>.generate(20, (i) => "Item ${i + 1}");
List<bool> clickedList = List<bool>.generate(20, (i) => false);
Widget _buildRow(String pair, int num) {
//final bool isClicked = (clicked == num);
return Dismissible(
key: Key(pair),
onDismissed: (direction) {
setState(() {
siteName.removeAt(num);
clickedList.removeAt(num);
//lines.removeAt(num);
});
},
background: Container(
padding: EdgeInsets.only(right: 10.0),
alignment: AlignmentDirectional.centerEnd,
color: Colors.red,
child: Icon(
Icons.delete,
color: Colors.white,
)),
child: ListTile(
title: Text(
pair,
//style: _biggerFont,
),
trailing: Icon(
clickedList[num]
? Icons.check_circle
: Icons.check_circle_outline,
color: clickedList[num] ? Colors.green : Colors.black,
),
onTap: () {
setState(() {
clickedList[num] = !clickedList[num];
});
}));
}
#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(
separatorBuilder: (context, index) => Divider(),
padding: const EdgeInsets.all(5.0),
itemCount: siteName.length,
itemBuilder: (context, i) {
return _buildRow(siteName[i], i);
},
),
),
);
}
}