How do i add shadow or bottom margin in dropdownlist in flutter?

Question

I want to add shadow or margin to the bottom of text so user can see distinctly different tiles in it. How do i go about that?

user_11218270 · Answer

You can add the text as a child to a Container and then set it's border according to your need.

DropdownMenuItem(
  child: Container(
    child: Row(
      children: [
        Icon(Icons.exit_to_app),
        SizedBox(
          width: 8,
        ),
        Text('Logout'),
      ],
    ),
    decoration: BoxDecoration(
      border: Border(
        bottom: BorderSide(
          color: Colors.black87,
          width: 1.0,
        ),
      ),
    ),
  ),
);

Dartpad link. Output:

How do i add shadow or bottom margin in dropdownlist in flutter?

1 Answers