Skip to content

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

@Jwiggiff

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

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