[iOS] If component unmounts while loading, it does not reappear correctly

[iliapnmrv]

Describe the bug
Hi! Thank you for your time, this is a great library!

We've found a bug. If we remove component from tree while isLoading={true} and then set isLoading={false}.
Then there are 2 ways

1. We add it back to component tree. And it does not appear back
2. We do not add it back and it breaks other screens

https://github.com/iliapnmrv/rn-auto-skeleton-layout-dissapear

To Reproduce
Steps to reproduce the behavior:

1. set isLoading={true}
2. hide element from tree
3. set isLoading={false}
   This also affects elements on other screens or does not appear back. Please see the video, it is self-explanatory

Expected behavior
Correct unmount, no side effects

Screenshots

android (correct)	ios (breaks other screens if we do not show element)	ios (element exists it does not display)
2025-12-12.13.25.10.mp4	Simulator.Screen.Recording.-.iPhone.17.Pro.-.2025-12-12.at.13.21.05.mov	Simulator.Screen.Recording.-.iPhone.17.Pro.-.2025-12-12.at.13.28.19.mov

Desktop (please complete the following information):

• OS: iOS
• RN v0.81, 0.83

Smartphone (please complete the following information):

• OS: IOS
• 18.0, 26.0

[iliapnmrv]

Looks like #18 is the same issue

[obayit]

@iliapnmrv did you find a workaround for this?
I tried to create a manual skeleton, but it also doesn't work

    {isSkeleton ?
    <AutoSkeletonView isLoading={isSkeleton}>
      <MyManualSkeletonComponent />
    </AutoSkeletonView>
    :
    <MyActualComponent>
    }

[pioner92]

@iliapnmrv @obayit
Hello, I agree this is a bug, but I designed this library without unmounting to hide the skeleton.
That is, the idea is that showing and hiding the skeleton should happen only by changing the prop isLoading={isSkeleton}.

However, I will check this scenario.

So it can be done like this:

<AutoSkeletonView isLoading={isSkeleton}>
   <MyActualComponent>
</AutoSkeletonView>

If the idea is to show the skeleton during loading and then hide it, there is no need to unmount the SkeletonView itself - it will be unmounted automatically after the isLoading flag changes.

[SammyDotDev]

Would be really helpful if this issue can be resolved @pioner92 . This library is perfect, however this bug serves as a blockade when building, particularly for production grade applications as it saves time and effort of manually laying out the component structure with the width and height properties.

[pioner92]

@SammyDotDev
Hey, as far as I understand, the scenario is like

    <AutoSkeletonView isLoading={isSkeleton}>
      <Component />
      <Component />
          {isMounted && (
             <OtherComponent />
         )}
    </AutoSkeletonView>

OtherComponent gets unmounted while isSkeleton is true, then isSkeleton gets false, and the issue appears. Right ?

Another issue - when opening a new screen, the Skeleton space is visible

is it correct ?

[pioner92]

@SammyDotDev @obayit @iliapnmrv published a new release with some fixes

[iliapnmrv]

@pioner92 Hey, most of my cases work perfectly. Thank you!
However I found the way to reproduce the issue

1. set isLoading={true}
2. hide element from tree
3. navigate to another screen
   Some elements in another tree will be hidden

2026-06-02.10.50.19.mov