How to display two avatars side by side in a Match Detail screen?

Ask for Help
1

Hi,

I’m working on a tennis app where each match has Player A and an opponent. On the match detail screen, I want to display :

  • Player A avatar + name

  • “VS” text

  • Opponent avatar + name

I’d like them to appear side by side (horizontal) at the top of the screen just like most of Livescore apps.

Here’s what I’ve tried so far:

  1. Using a Template column to combine {Player A Avatar} | VS | {Opponent Avatar} → Glide only shows text, not images.

  2. Using Cards → only allows one item per card, so I can’t show both avatars in the same card.

  3. Containers → no option for horizontal layout for fixed items.

It seems that in Glide modern, there is no Row / Inline Horizontal for fixed components.

Questions:

  • Is there a native way to display 2 avatars + names side by side on a detail screen?

  • If not, what is the recommended workaround in Glide ? (I’ve seen mentions of using Inline Lists or combining into a single column, but nothing works for my use case.)

Thanks in advance for any guidance!
Cheers from France,
Lionel

2

Not that I know of.

I would explore two options: the custom AI component and the rich text component.

Tennis x Glide, does it get any better than that?

1 Like