How can I remove this gray line from ExpansionTile? (Flutter)

user_14300343 0
Viewed 789

How can I remove this gray line from ExpansionTile in flutter?

enter image description here

The Code

ExpansionTile(
          title: Text(
            "Title",
            style: TextStyle(
              fontSize: 18.0,
              fontWeight: FontWeight.bold
            ),
          ),
          children: <Widget>[
            ListTile(
              title: Text(
                'data'
              ),
            )
          ],
        ),
flutter-widget dart flutter
2 Answers

You can solve this applying a transparent color to the dividerColor in the ThemeData in your MaterialApp definition.

MaterialApp(
   title: 'Your Flutter App',
   theme: ThemeData(
      primarySwatch: Colors.blue,
      dividerColor: Colors.transparent,
  ),

Of course you can make your own implementation of a custom widget.

user_132222740

you can wrap the widget with Material Theme like this :

Theme(
            data: ThemeData(
              dividerColor: Colors.transparent,
            ),
            child: ExpansionTile(
              tilePadding: EdgeInsets.all(0),
              childrenPadding: EdgeInsets.all(0),
              title: Text(
                "Title",
                style:
                    TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold),
              ),
              children: <Widget>[
                ListTile(
                  title: Text('data'),
                )
              ],
            ),
          ),
user_158636320
Related