Implementation Outlined text field Input with lable text in dropdown menu in flutter

Question

Image displays a drop down menu, with gender details, such as male, female and others. Thankyou in Advance

question from:https://stackoverflow.com/questions/65901599/implementation-outlined-text-field-input-with-lable-text-in-dropdown-menu-in-flu

Answer 1

OUTPUT :

CODE :

Padding(
          padding: const EdgeInsets.all(8.0),
          child: DropdownButtonFormField(
            icon: Icon(Icons.keyboard_arrow_down_sharp),
            onChanged: (v) {},
            decoration: InputDecoration(
              enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Colors.teal, width: 1.5)),
              labelText: "Gender",
            ),
            items: [
              DropdownMenuItem(
                child: Text(
                  "Male",
                ),
                value: "MALE",
              ),
              DropdownMenuItem(
                child: Text(
                  "Female",
                ),
                value: "FEMALE",
              ),
            ],
          ),
        ),