It seems that quite a few people want to modify the built-in Flutter ExpansionTile widget, so that is what we will do right now — and it’s easy.

Gif of Custom ExpansionTile using RotationTransition and FadeTransition

Custom ExpansionTile using RotationTransition and FadeTransition

This is not an example of everything you can do with a custom ExpansionTile, rather it’s an example to get you set up to where you can do anything you want with a custom ExpansionTile (or any other widget in general).


Flutter offers many UI options right out of the box, but sometimes you may want to tweak them a bit for your liking. Luckily, this is generally pretty easy to do, and we will go over how to customize our buddy ExpansionTile

For demonstration purposes, I’ll create a new project and walk you through the process. I assume you already have a project you are working on if you are here trying to customize a widget.

Starting note: Once you make changes to your CustomExpansionTile file, you will probably have to hot reload your app for them to show.

#dart #android #flutter #programming #ios

Creating a Custom ExpansionTile in Flutter
40.50 GEEK