如何删除 DropdownButton 中的高程？

Question

help me to remove this elevation in DropdownButton, I tried using elevation = 0 , but nothing happened or if you have better widget to display item like DropdownButton please show me.

thank you

Answer 1

To remove the underline we should wrap the DropdownButton widget with the DropdownButtonHideUnderline widget.

The elevation property will make the drop-down layer elevated when it's in the open state.

Example

DropdownButtonHideUnderline(
          child: DropdownButton(
            style: TextStyle(color: Colors.black),
            items: <String>[
              'Android',
              'IOS',
              'Flutter',
              'Python',
            ].map<DropdownMenuItem<String>>((String value) {
              return DropdownMenuItem<String>(
                value: value,
                child: Text(value),
              );
            }).toList(),
            hint: Text(
              "Please choose a langauage",
              style: TextStyle(
                  color: Colors.black,
                  fontSize: 16,
                  fontWeight: FontWeight.w600),
            ),
            onChanged: (value) {
              print(value);
            },
          ),
        ),