styling PopupMenuDivider divider color

in this simple implementation code i added some PopupMenuButton items into AppBar actions argument and now i want to styling PopupMenuDivider color which that have default color.

i try to use ThemeData but i get error:

ThemeData(
  child: const PopupMenuDivider(
    height: 10,
  ),
),

my code:

PopupMenuButton<int>(
  onSelected: null,
  icon: const Icon(Icons.more_vert),
  color: const Color(0xFF32313C).withOpacity(0.9),
  elevation: 8.0,
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.0)),
  itemBuilder: (context) {
    final list = <PopupMenuEntry<int>>[];
    list.add(
      PopupMenuItem(
        child: Row(
          children: [
            Icon(Icons.add, color: Colors.white),
            Text(
              "InduceSmile.com",
              style: TextStyle(color: Colors.white),
            ).pl(16.0),
          ],
        ),
      ),
    );
    list.add(
      const PopupMenuDivider(
        height: 10,
      ),
    );
    return list;
  },
offset: Offset(0, 100),
)

Hi @MahdiPishguy

You can change the divider color by defining a dividerTheme in your app widget:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
        dividerTheme: DividerThemeData( 
          color: Colors.red                                //  <--- change the divider's color
        )
      ),
    );
  }
}

Closing as this is not an issue with Flutter.
Thank you

Hi @MahdiPishguy

You can change the divider color by defining a dividerTheme in your app widget:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
        dividerTheme: DividerThemeData( 
          color: Colors.red                                //  <--- change the divider's color
        )
      ),
    );
  }
}

Closing as this is not an issue with Flutter.
Thank you

it doesn't good option, because of i want to change color while i need to have change that

Haa, you mean changing the color in the PopupMenuDivider itself.

I would need this too.

Could I send a PR adding a color property to the PopupMenuDivider?

class PopupMenuDivider extends PopupMenuEntry<Never> {
  ... ...
  final Color? color;
  ... ...
}

class _PopupMenuDividerState extends State<PopupMenuDivider> {
  @override
  Widget build(BuildContext context) => Divider(height: widget.height, color: widget.color);
}

Or is this approach rejected and the DividerThemeData is the preferred way by Flutter Team?

Add styling parameters in `PopupMenuDivider` (#164790)

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

Add styling parameters in `PopupMenuDivider` (flutter#164790)

Add styling parameters in `PopupMenuDivider` (#164790)

Navigation Menu

Repository navigation

styling PopupMenuDivider divider color #68176

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

styling PopupMenuDivider divider color #68176

Description

Activity

pedromassangocode commented on Oct 15, 2020

pishguy commented on Oct 16, 2020

pedromassangocode commented on Oct 16, 2020

AriasBros commented on Jul 20, 2022

github-actions commented on Apr 17, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions