Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

From Expansion panel remove arrow

I’m using ExpansionPanel, But i don’t want trailing widget arrow, how to remove it.

How to remove down or up arrow from expansion panel, So is there any way to remove it, And is there any custom expantionPanel,
& is there facility to expand Expansion Panel on right?

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

>Solution :

You could use ExpansionTile instead of ExpansionPanel, you can set the trailing widget to any icon you need or even remove it:

   ExpansionTile(
      trailing: SizedBox.shrink(), // removes the icon
      title: Text('ExpansionTile 1'),
      subtitle: Text('Trailing expansion arrow icon'),
      children: <Widget>[
        ListTile(title: Text('This is tile number 1')),
      ],
    ),

setting trailing to SizeBox.shrink() will remove that arrow icon, note that the children of the Expansion Tile refer to the widgets which will be visible on expand and hidden on collapse.

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading