'flutter: how to remove icon from expansion panel

in flutter expansion panel, there is a icon on it by default
i want to remove the icon from expansion panel

how i'm gonna do this? here is my code

ExpansionPanelList(
        expansionCallback: (int index, bool isExpanded) {},
        children: [
          ExpansionPanel(

            headerBuilder: (BuildContext context, bool isExpanded) {
              return Stack(children: [
                ListTile(//and the rest of code...

flutter dart

Solution 1:^[1]

the only way to do it is by editing the ExpansionPanel source code.

I added a new property called hasIcon and set it by default to true (to make sure it will not break the code).

    ExpansionPanel(
      hasIcon: false,       // <------
      canTapOnHeader: true,
      headerBuilder: (BuildContext context, bool isExpanded) {
        return ListTile(
          title: Text(
            'Title',
          ),
        );
      },
      body: Container(),    // <------
      isExpanded: false,    // <------
    ),

and here is how you edit the source code:

Press CTRL + click on ExpansionPanel widget, then search for

this.isExpanded = false,

and add below it

this.isExpanded = false,
this.hasIcon = true,

then search for

final bool isExpanded;

and add below it

final bool isExpanded;
final bool hasIcon;

finally, search for

  Widget header = Row(
    children: <Widget>[
      Expanded(
        child: AnimatedContainer(
          duration: widget.animationDuration,
          curve: Curves.fastOutSlowIn,
          margin: _isChildExpanded(index) ? widget.expandedHeaderPadding : EdgeInsets.zero,
          child: ConstrainedBox(
            constraints: const BoxConstraints(minHeight: _kPanelHeaderCollapsedHeight),
            child: headerWidget,
          ),
        ),
      ),
      expandIconContainer,
    ],
  );

and replace it

  Widget header = Row(
    children: <Widget>[
      Expanded(
        child: AnimatedContainer(
          duration: widget.animationDuration,
          curve: Curves.fastOutSlowIn,
          margin: _isChildExpanded(index) ? widget.expandedHeaderPadding : EdgeInsets.zero,
          child: ConstrainedBox(
            constraints: const BoxConstraints(minHeight: _kPanelHeaderCollapsedHeight),
            child: headerWidget,
          ),
        ),
      ),
      Container(
          child: child.hasIcon? expandIconContainer:null,
      ),
    ],
  );

Solution 2:^[2]

This works,

Just add SizedBox.shrink() to the trailing properties of ExpansionTile

   ExpansionTile(
              trailing: SizedBox.shrink(),
              title: Text(
                "Title",
                style: TextStyle(
                  fontSize: 18.0,
                  fontWeight: FontWeight.bold
                ),
              ),
              children: <Widget>[
                ExpansionTile(
                  title: Text(
                    'Sub title',
                  ),
                  children: <Widget>[
                    ListTile(
                      title: Text('data'),
                    )
                  ],
                ),
                ListTile(
                  title: Text(
                    'data'
                  ),
                )
              ],
            ),

Solution 3:^[3]

If you are using ExpantionTile inside the panel, you can provide trailing widget to it which will replace the arrow.

There is an ongoing effort in adding this feature to ExpansionPanel, but that is moment, it is not supported. You can extend this and customize or other libraries which provide this feature. (The one mentioned by @bensal)

Solution 4:^[4]

I had a similar issue with ExpandablePanel, I created an ExpandableThemeData and set the hasIcon property to false.

var themeData = ExpandableThemeData(hasIcon: false);
ExpandablePanel(
    theme: themeDate,
    ... rest of the code...
      )

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Hussam Dev
Solution 2	Mr Random
Solution 3
Solution 4	Younes Belouche

'flutter: how to remove icon from expansion panel

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]

Solution 3:^[3]

Solution 4:^[4]