CODEWITHSUNDEEP
fluttercolorsdropdownunderline
s.j
s.j

Reputation: 641

how to change color of dropdown underline

in my code Container(height: 1, color: UtilColors.grey), not giving expeceted output

Container(
              margin: EdgeInsets.only(left: 52, right: 48),
              child: DropdownButton<String>(
                isExpanded: true,
                //Container(height: 1, color: UtilColors.grey),
                value: _selectedUser,
                items: _userTypes.map((String value) {
                  return new DropdownMenuItem<String>(value: value, child: new Text(value));
                }).toList(),
               /* decoration: InputDecoration(contentPadding: EdgeInsets.only(left: 15), suffixIcon: IconButton(onPressed: () {
                 // _userTypes.map((String value){return new DropdownMenuItem<String>(value: value, child: new Text(value));}).toList();
                   }, icon: Icon(null),)),*/
                icon: Icon(Icons.keyboard_arrow_down),
                hint: Text(UtilString.userType),
                onChanged: (value) => setState(() => _selectedUser = value),
              ),
            ),

Upvotes: 3

Views: 3381

Answers (2)

Abdelrhman Nasser
Abdelrhman Nasser

Reputation: 21

 DropdownButtonFormField(


                                              decoration: InputDecoration(
                                             focusedBorder: new UnderlineInputBorder(
                                              borderSide: BorderSide(
                                              color: Colors.black
                                              ),),


                                                enabledBorder: OutlineInputBorder(
                                                  borderSide: BorderSide(color:  Color(0xff22a39f), width: 2),

                                                ),
                                             ),
                                            // iconEnabledColor:  Color(0xff22a39f),


                                            hint: Text("اختر صنف"),

                                            value:selectedValueInDropDpownM ,
                                            items: choosenResala?.ctegoriesDetails.map(( value) {
                                              return DropdownMenuItem<String>(


                                                value: value.catName,
                                                child: Text(value.catName,style: TextStyle( fontSize:
                                                screenWidth * 0.013,
                                                    fontWeight:
                                                    FontWeight.w400,color: Colors.black ),),
                                              );
                                            }).toList(),
                                            onChanged: ( newVal) {
                                              setState(() {
                                                selectedValueInDropDpownM=newVal as String?;
                                              });


                                            },
                                          )

Upvotes: 2

s.j
s.j

Reputation: 641

finally got the solution with DropdownButton -

underline: Container( height: 2, color: Colors.deepPurpleAccent,),

this will change dropdown underline color.

Upvotes: 10

Related Questions