Incorrect spacing with Checkbox Group on device

[tinrunje]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

Checkbox Group when uploaded on-device adds "random" additional padding on top. In run/test modes and in the FF editor, it looks as expected, but when uploaded on a device, it changes. Weirdly enough, in code it does say the right amount of padding so there might be an issue with the Checkbox Group widget.

Expected Behavior

The Checkbox Group should have top-padding equal to the one set in the FF editor/the code.

Steps to Reproduce

1. Create new page
2. Add Text widget
3. Add Checkbox Group widget
4. Add some top padding on the Checkbox Group (aka. 12px)
5. Push to mobile device
6. Check spacing on mobile device

Reproducible from Blank

• The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4wkMmAuI92mOZE0K6JY+9VmSQWGDs+bec3l+1DYCs/JJTxBIkIffT7PxZeOc+kSmNML1m0gmQe/sLOkvziA+UpEw6cfLZZyJZ+Tg7gUjmtacyVEaqePndfEfhJJVyby7bZ2hN4VdZ1ckFl1Gb7OuivQXLsCYTaIW4nGfiYCJv5gXurQ0SLb3kNh1JWeC/v

Context

I am trying to create a beautiful display with evenly spaced elements.

Visual documentation

The widget tree:

Text widget properties:

Checkbox Group widget properties:

Flutterflow editor:

And then finally... on a real device:

The top-padding on device is much much larger than 12px.

Additional Info

No response

Environment

- FlutterFlow version: 3.7.12
- Platform: MacOS
- Browser name and version: Chrome - 113.0.5672.126
- Operating system and version affected:  iOS/Android

[organicnz]

Hi, @tinrunje. Thanks for reporting this issue, Tin 🙂

Have you tried to reproduce this issue on a web app?

[tinrunje]

Hi, @tinrunje. Thanks for reporting this issue, Tin 🙂

Have you tried to reproduce this issue on a web app?

Yeah thanks for getting back to me. I have only found this issue to be visible only on mobile devices.
In run/test modes it seems to be fine:

[organicnz]

Hi, @tinrunje. Thanks for reporting this issue, Tin 🙂
Have you tried to reproduce this issue on a web app?

Yeah thanks for getting back to me. I have only found this issue to be visible only on mobile devices. In run/test modes it seems to be fine:

Thank you, Tin :)

Oops, because of this known issue below, I wasn't able to test it on the virtual mobile device. I'll try again in a few days.

Because hybridized depends on flutter_localizations from sdk which depends on intl 0.18.0, intl 0.18.0 is required.
So, because hybridized depends on intl 0.17.0, version solving failed.

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[wenkaifan0720]

Hi @tinrunje. This should be fixed in our next update. Thank you!