Skip to content

Uniwind on Hermes V1 does not apply styles correctly on app start #377

Description

@AdiRishi

What happened?

This issue occurs on Expo SDK 55 (beta) with Hermes v1 enabled (see repro for exact setup).

uniwind-hermes-v1-bug.mp4
  • As shown in the above video, when the app first loads, the p-12 padding on each page is completely missing.
  • By going to the editor and pressing save on a file, the refresh seems to fix something and then the padding is applied correctly.

Good to note:

  • I've confirmed this behavior does not happen if you revert the hermes v1 changes and simply use Expo SDK 55 with its default setup.
  • This also does not occur on the IOS build, only on Android.

Steps to Reproduce

  1. Clone the repository
  2. Run pnpm expo prebuild
  3. Run pnpm android to build the project and start the Android emulator
  4. Close the app, then open it again, you should see both the home and explore tabs have been pressed against the top of the page, due to missing padding
  5. Go to your editor and save the home-screen.tsx file, triggering a HMR refresh. The padding should now be visible

Snack or Repository Link

https://github.com/AdiRishi/expo-uniwind-starter

Uniwind version

1.3.0

React Native Version

0.83.1

Platforms

Android

Expo

Yes

Additional information

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions