Flutter expansiontile remove border

To remove the border from a Flutter ExpansionTile widget, you can customize its style using Flutter’s ThemeData and ListTileTheme widgets. The ExpansionTile widget itself doesn’t provide a property to remove the border directly, but you can achieve it by overriding the default theme settings.

First, you need to define a custom theme with the desired borderless style:

<!-- Define custom theme -->
<style>
  <!-- Customize styles as desired -->
  .custom-theme {
    color: #000;
    /* Add any other custom styles */
  }
  
  /* Remove border from ExpansionTile */
  .custom-theme .expansion-tile {
    border: none;
  }
</style>

Then, you can apply this custom theme to your ExpansionTile widget using the ListTileTheme widget:

<!-- Apply custom theme -->
<div class="custom-theme">
  <!-- The ExpansionTile with border removed -->
  <dl-list-tile class="expansion-tile">
    <dl-list-tile-title>Title</dl-list-tile-title>
    <dl-list-tile-subtitle>Subtitle</dl-list-tile-subtitle>
    <dl-list-tile-expansion-content>
      Content
    </dl-list-tile-expansion-content>
  </dl-list-tile>
</div>

In the above example, we define a custom theme with the class name “custom-theme”. We set the desired styles for the custom theme, including removing the border from the ExpansionTile widget using the class name “expansion-tile”. Finally, we apply the custom theme to the specific ExpansionTile by wrapping it inside a div element with the class “custom-theme”.

Note that this is just an example, and you can adjust the styles and class names according to your needs. You can also use CSS to target the class name of the ExpansionTile and customize its appearance even further.