Language Switch Example Request

[taextreme]

I currently try to implement language switch for my application. And I saw a gif example from pub.dev page. So, I want to ask how to use country flags for switch icons because there is no country flag icons build in or as a packages.

[maeddin]

I apologize for the late reply. I think I did it with the country_icons package. If you want an exact implementation, I can look it up too.

I didn't include the top two GIFs in my example because they require external packages.

EDIT: Here is the code for the flag which I used for the demo in the GIF. You can put this in the builder of the switch. Since I haven't touched this code for a long time, I can't guarantee that it works without problems, so feel free to give feedback if it works for you 😁.
If you want the code for the whole switch, I would have to assemble it myself first, since I have it all encapsulated.

Widget flag(Locale locale) {
  return FractionallySizedBox(
      widthFactor: 0.8,
      heightFactor: 0.8,
      child: Container(
          width: double.infinity,
          height: double.infinity,
          clipBehavior: Clip.antiAlias,
          decoration: BoxDecoration(shape: BoxShape.circle),
          child: Image.asset(
            'icons/flags/png/${countryCodeByLanguageCode(locale.languageCode)}.png',
            package: 'country_icons',
            fit: BoxFit.cover,
          )));
}

String? countryCodeByLanguageCode(String languageCode) {
  switch (languageCode) {
    case 'de':
      return 'de';
    case 'en':
      return 'gb';
  }
  return null;
}

In retrospect, I think you could also put the Image directly into the BoxDecoration, which might be more efficient.
Instead of the FractionallySizedBox, Padding will of course also work to create the border.

[taextreme]

Yes please. Right now i also try to use country_icons package. But the flag is show up as white rectangle on the switch.

[maeddin]

I will post my code tomorrow because it's too late for me now. Hopefully by then the rectangles will be enough for you. 😬

[taextreme]

That ok the switch work fine with only text. Country logo is just sprinkles on top that gave my project an edge.

[maeddin]

@taextreme I updated my answer :)

[maeddin]

@taextreme Is your question answered? Then can you please mark this comment as an answer?