I am facing issue with page scrolling. I am showing users transactions grouped per day. so there will be multiple items inside ExpansionTile.
I am first taking days from database and then taking transactions done on that day . so below is how my page working
- take all records
- get days and put in one list (days list)
- load main expansion tiles with for loop in this list(days list)
- when we do for loop take transactions on that day and load in another array
- bind children list as children to ExpansionTile.
My view is loading properly , but when i open subitems of ExpansionTile , i am not able to scroll page. please check video for more clear understanding. https://drive.google.com/file/d/1EVETVRHx0vZqiGryrcxUR0klrEX8Y63G/view?usp=sharing
My code is given below ,
Widget build(BuildContext context) {
return new Scaffold(
body: FutureBuilder(
future: getTransactions(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return Center(child: CircularProgressIndicator());
} else if (feedItemsParent.isEmpty) {
return noRecordsDialogue(context, 'No transactions record', '');
} else if (feedItemsParent.length == 0) {
return noRecordsDialogue(context, 'No transactions record', '');
} else {
return new ListView.builder(
shrinkWrap: true,
itemCount: feedItemsParent.length,
itemBuilder: (BuildContext ctxt, int index) =>
buildBody(ctxt, index));
}
},
),
);
}
below is buildBody function.
Widget buildBody(BuildContext ctxt, int index) {
return new custom.ExpansionTile(
initiallyExpanded: true,
trailing: new Container(width: 20),
headerBackgroundColor: Color(0xFFeff0f1),
title: Text(
feedItemsParent[index].transactiondatesmall.toString(),
style: TextStyle(
fontSize: 16,
color: Colors.black,
fontWeight: FontWeight.bold,
),
),
children: <Widget>[
buildTransactionList(
feedItemsParent[index].transactiondatesmall.toString()),
],
);
}
below is how i am taking all children and binding them inside ExpansionTile.
buildTransactionList(dtCompare) {
if (feedItems.length == 0) {
return noRecordsDialogue(context, 'No transactions record', '');
} else {
List<UserTransaction> feedItemsChild = [];
for (int j = 0; j < feedItems.length; j++) {
if (feedItems[j].transactiondatesmall == dtCompare) {
feedItemsChild.add(feedItems[j]);
}
}
return ListView(
padding: const EdgeInsets.only(bottom: 16.0),
shrinkWrap: true,
children: feedItemsChild,
);
}
}
Thanks in advance.
