Skip to content

Edit drop down arrow functionality. #46

@damooola

Description

@damooola

Hi there! Good stuff with CountryCodePicker. It's made my work my much easier.

Just wanted to request for a way to edit the dropdown arrow as I have to use the builder method just to achieve this.

See Below:
CountryCodePicker(
searchPadding: const EdgeInsets.symmetric(horizontal: 5),
dialogItemPadding: const EdgeInsets.all(5),
dialogSize: const Size(400, 500),
initialSelection: 'NG',
showFlag: false,
showFlagDialog: true,
searchStyle: GoogleFonts.montserrat(
color: const Color(0xFF3D003E), fontSize: 15),
dialogTextStyle: GoogleFonts.montserrat(
color: const Color(0xFF3D003E), fontSize: 15),
textStyle: GoogleFonts.montserrat(
color: const Color(0xFF3D003E), fontSize: 21),
builder: (countryCode) => Container(
width: 150,
padding: const EdgeInsets.all(8),
margin: const EdgeInsets.only(left: 30),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(countryCode!.dialCode!,
style: GoogleFonts.montserrat(
color: const Color(0xFF3D003E),
fontSize: 21)),
const SizedBox(width: 25),
//drop down arrow
SvgPicture.asset(
"assets/icons/chevron-down gray.svg"),
],
),
],
),
),
),

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions