flutter : expand listview with buttons - flutter

Question

I have a list view that shows all invoices done and I want to show a button when a user taps on the list view. Like this:
I'm new in flutter .. if anyone have a sample
thanks very much.
final sales = new Container(
height: 500,
color: Colors.white,
alignment: Alignment.center,
child: ListView.builder(
scrollDirection: Axis.vertical,
// physics: AlwaysScrollableScrollPhysics(),
shrinkWrap: true,
itemCount: salesr == null ? 0 : salesr.length,
padding: EdgeInsets.all(2.0),
itemBuilder: (BuildContext context, int index) {
return
Container(
decoration: BoxDecoration(
border: Border(bottom: BorderSide()),
),
child: ListTile(
title: new Text(
"# " + salesr[index]["outgoing_code"],
style: new TextStyle(fontSize: 16.0, color: Colors.green),
),
subtitle: new Text(
salesr[index]["customer_name"],
style: new TextStyle(fontSize: 14.0),
),
trailing: new Text(
salesr[index]["outgoing_totalAll"],
style: new TextStyle(
fontStyle: FontStyle.normal,
color: Colors.red,
fontSize: 16.0),
),
onTap: () {
print(salesr[index]["customer_name"]);
}));
},
));

Answer 1

You can use Visibility to expand or collapse listview.
Here is a sample code that I did for you:
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Container(
height: 500,
color: Colors.white,
alignment: Alignment.center,
child: ListView.builder(
scrollDirection: Axis.vertical,
// physics: AlwaysScrollableScrollPhysics(),
shrinkWrap: true,
itemCount: salesr == null ? 0 : salesr.length,
padding: EdgeInsets.all(2.0),
itemBuilder: (BuildContext context, int index) {
return GestureDetector(
onTap: () {
setState(() {
if (selected != salesr[index])
selected = salesr[index];
else
selected = null;
});
},
child: Column(
children: [
Row(
children: [
CircleAvatar(
child: Center(
child: Text(
salesr[index][0].toUpperCase(),
style: TextStyle(color: Colors.white),
),
),
),
SizedBox(
width: 8,
),
Expanded(child: Text(salesr[index])),
],
),
Visibility(
visible: selected == salesr[index],
child: Row(
children: [
Expanded(
child: IconButton(
icon: Row(
children: [
Icon(Icons.info),
Row(
children: [
Text('Details'),
],
)
],
),
onPressed: () {},
),
),
Expanded(
child: IconButton(
icon: Row(
children: [
Icon(Icons.message),
Row(
children: [
Text('All Invoices'),
],
)
],
),
onPressed: () {},
),
),
],
),
),
Divider(),
],
),
);
},
),
),
);
}