opening and closing the expanded-panel-list by tapping the headers of each list instead of the right-CodePudding

i am trying to toggle the each list in the expanded panel list by tapping on each header on this list. bellow is my code, and i don't know if its possible to achieve that by adding ontap or onpressed function. thank you.

Expanded(
                child: SingleChildScrollView(
                  child: Container(
                    padding: EdgeInsets.only(left: w * 0.05, right: w * 0.05),
                    child: Column(
                      children: [
                        ExpansionPanelList(
                          children: [
                            ExpansionPanel(
                              isExpanded: _isOpen[0],
                              headerBuilder: (context, isOpen) {
                                return Row(
                                  children: [
                                    SizedBox(width: 10),
                                    Container(
                                      padding:
                                          EdgeInsets.only(top: 10, bottom: 10),
                                      child: Center(
                                        child: Column(
                                          crossAxisAlignment:
                                              CrossAxisAlignment.start,
                                          children: [
                                            Text(
                                              "Ball Games ⚽