Cause flicker with Next 14

[soniankur948]

Description

See flicker when used with next 14

CodeSandbox/Snack link

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

Steps to reproduce

• npm run dev
• go to http://localhost:3000
• we observe a flicker
  Description:

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 <style id="react-native-stylesheet"></style> 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

• Android
• CRA
• Expo
• iOS
• Next

Other Platform

No response

Additional Information

No response

[soniankur948]

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