Skip to content

feat(core): flexbox css gutters support#11310

Open
CatchABus wants to merge 7 commits into
NativeScript:mainfrom
CatchABus:feat/flexboxlayout-gap
Open

feat(core): flexbox css gutters support#11310
CatchABus wants to merge 7 commits into
NativeScript:mainfrom
CatchABus:feat/flexboxlayout-gap

Conversation

@CatchABus

@CatchABus CatchABus commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

PR Checklist

What is the current behavior?

Right now, flex and grid layouts are missing support for gap properties.

What is the new behavior?

This PR uses the existing flexboxlayout lib dividers as a basis and adds support for flex gutters.
More specifically:

  • row-gap
  • column-gap
  • gap shorthand

Properties support the de facto px and dip units for now and can be tested using the gutters sample in toolbox application.

Simulator Screenshot - iPhone 16 Pro Max - 2026-07-21 at 23 35 11

Additionally, the PR includes google/flexbox-layout#111 and google/flexbox-layout#267 as improvements.

Note: The PR removes all the unused divider implementation remnants in favor of css gap since it didn't align with css props as a feature.

@nx-cloud

nx-cloud Bot commented Jul 21, 2026

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit abbe783

Command Status Duration Result
nx test apps-automated -c=ios ✅ Succeeded 3m 2s View ↗
nx run-many --target=test --configuration=ci --... ✅ Succeeded 2s View ↗

💡 Verify your cache is correct by running tasks in a sandbox. Read docs ↗


☁️ Nx Cloud last updated this comment at 2026-07-21 20:57:32 UTC

@CatchABus
CatchABus marked this pull request as ready for review July 21, 2026 20:49
@CatchABus
CatchABus requested a review from NathanWalker July 21, 2026 20:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant