How to control the distance between country flag and code? #29

Activity

1. mo7amedaliEbaid

   changed the title [-]How to control the padding between country flag and code?[/-] [+]How to control the distance between country flag and code?[/+] on Jan 25, 2024
2. zeeshan0080 commented on Mar 9, 2024

   

   zeeshan0080

   on Mar 9, 2024

   Last edited by zeeshan0080

   More actions

   You cannot, although you can use its builder to build custom UI with desired padding and stuff.
   builder sample with flag and dropdown icon:

   builder: (code){
                                   return SizedBox(
                                     width: 90,
                                     child: Row(
                                       mainAxisAlignment: MainAxisAlignment.center,
                                       children: [
                                         Container(
                                           width: 35,
                                           height: 35,
                                           decoration: BoxDecoration(
                                             image: DecorationImage(
                                               image:
                                               AssetImage(code!.flagUri!, package: 'country_code_picker'),
                                             ),
                                           ),
                                         ),
                                         const Gap(6),
                                         const Icon(Icons.arrow_drop_down_outlined)
                                       ],
                                     ),
                                   );
                                 }