Skip to content

items-center with fixed width/height children does not work #271

Closed

Description

@Jwiggiff

Describe the bug
It seems that when the parent has items-center and the children have a fixed height, the height of the children is not set and they are not visible. If I remove items-center, then the two children take the full height of the row.

Reproduction
https://stackblitz.com/edit/nativewind-test-kotpjewc?file=nativewind.test.tsx

While the tests pass, visually it does not. When using it with the style prop, it works perfectly.

Expected behavior

  • I expect the 2 children to be squares that are vertically centered in the wrapper
    This is with style prop:
    Image

Additional context
Without items-center:
Image

With items-center:
Image

Activity

  1. ethan-krich commented on Aug 3, 2025

    @ethan-krich

    Any update on this

  2. danstepanov commented on Oct 14, 2025

    @danstepanov
    Member

    @Jwiggiff I can't seem to open your StackBlitz example. Would you mind recreating this repro using npx rn-new@latest --nativewind?

  3. danstepanov commented on Apr 15, 2026

    @danstepanov
    Member

    Closing as stale — the StackBlitz repro is dead and no updated reproduction was provided despite request. If still relevant, please open a new issue with a working repro.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs reproductionIssue needs a minimal reproduction before it can be worked on

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions