Graphic Rendering

You can absolutely make this with thunkable!

Check this project out

I made custom cards and linked 6 pieces of info to each card. This could be updated after a button press, timer, or via the variable listener methods eith RealtimeDB

You’ll end up using multiple components to make a model of what each should look like.

Like this

Column
Row
Column
Row
Column
Label
Column
Image
Row
Label

For styling Set all nested row/columns to fill container.
Set outer column to fit contents for height and width.
set the outer column corner radius to 20
Set the shadow for the putter column.

Now style the font size for the labels

Now use absolute positioning to place them exactly where you want.

Be sure to use your phone for this past part. This won’t appear correctly on the live preview on a computer.

Now come the blocks

3 Likes