Since the update for Thunkable X I struggle with the navigation bar of my app. I have kind of a navigation bar at the bottom (a row with 7% height) and in this row I have multiple buttons (with 100% height) spererated with other rows in between. My real problem now is that the buttons in the row are very small even though they are on 100% height (See on the screenshot) and should fill the whole height of the row.
Try this one—buttons can be difficult to size when they only contain a background image and no text content. It ends up requiring an absolute width in my experiences.
Also, instead of using blank rows to create spacing, you should try using the space-between (or space-around or space-evenly) flex controls. My example includes a row that has this property turned on. To create more space between icons, set it’s width to a higher percentage, and to make less space between your buttons, set the width lower.
Thanks man that helped a lot for spacing properly in future But I still have this issues.
I did some research and I figured out that this problem occurs in the following example:
-In a new screen I add a row with this space-between setting and 3 buttons in this row. Up to here everything looks fine (Left picture in the screenshot)
-I leave thunkable and go in again
-I change something i.e. I add another row above
Now the buttons in the row are somehow very small (Right picture in the screenshot)
Can anyone try this and confirm the same issue? I honestly don’t have any reason for this behaviour.
Yes I know. I have them on 100%. It is really strange because on IOS it is working as expected but not on my android.
Nevertheless thank you for your help!