Country select option with image and text

Mobile
1

Hi all,

does anybody know how I can get a dropdown / select option within a mobile app screen where I can show a country flag image and the country name? I tried a lot with help from chatgpt but it seems impossible. I have a query to my retool database with the country name and icon url.

1 Like
2

I would try using the country flag unicode character instead: Regional indicator symbol - Wikipedia

3

Thanks, do you have an example to get this working with both the image (flag) and the country text?

4

I mean an array of strings like this

const options = [
  '🇺🇸 USA',
  '🇨🇦 Canada',
  '🇲🇽 Mexico',
]