GeekyAnts / NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
https://nativebase.io/
MIT License
20.19k stars 2.38k forks source link

Cause flicker with Next 14 #5812

Open soniankur948 opened 4 months ago

soniankur948 commented 4 months ago

Description

See flicker when used with next 14

CodeSandbox/Snack link

https://github.com/soniankur948/RN-flicker

Steps to reproduce

Following the steps in the previous section, I expect styled components to render correctly. However, I observe unstyled components on the page initially. These components only get styled after the tag is added to the head, causing a noticeable flicker. This issue is particularly evident when slowing the speed using network throttling.

NativeBase Version

3.4.28

Platform

Other Platform

No response

Additional Information

No response

soniankur948 commented 4 months ago

Flicker experience: https://github.com/GeekyAnts/NativeBase/assets/45545333/3884950e-c75c-4af4-9e92-b381d0de4c08