AutoSkeleton not working for Text components on iOS in React Native 0.76.x

[rizshivalli]

First of all, thank you for creating such a great library — it will save us a lot of development time and effort. Really appreciate the work you’ve put into it!

I have a quick question regarding the behavior on iOS.

I’m currently using react-native version 0.76.x, and I’ve noticed that the AutoSkeletonView does not seem to apply the skeleton animation for Text components on iOS. Here’s a simplified snippet:

<TouchableOpacity style={styles?.subItems}> <AutoSkeletonView isLoading={quickAccessLoading} animationType="gradient"> <StcIcon source={item.iconUrl} style={styles.iconContainer} /> <StcText style={styles.text}>{item.label || ${item.id}}</StcText> </AutoSkeletonView> </TouchableOpacity>

"react": "18.3.1", "react-native": "0.76.9", "react-native-auto-skeleton": "^0.1.22",

This works perfectly fine on React Native 0.78.x and above, but on 0.76.x, the text skeleton does not render at all on iOS (Android is fine).

Is this a known limitation or compatibility issue with RN 0.76.x?
Any suggested workarounds or patches would be super helpful!

Thanks again for the awesome work 🙌

[pioner92]

Hi Try to add a BG color (white) for the text Ср, 16 апр. 2025 г. в 06:44, Rizwan Ahmed Shivalli ***@***.***

…

: First of all, thank you for creating such a great library — it will save us a lot of development time and effort. Really appreciate the work you’ve put into it! I have a quick question regarding the behavior on iOS. I’m currently using react-native version 0.76.x, and I’ve noticed that the AutoSkeletonView does not seem to apply the skeleton animation for Text components on iOS. Here’s a simplified snippet: <TouchableOpacity style={styles?.subItems}> <AutoSkeletonView isLoading={quickAccessLoading} animationType="gradient"> <StcIcon source={item.iconUrl} style={styles.iconContainer} /> <StcText style={styles.text}>{item.label || ${item.id}}</StcText> </AutoSkeletonView> </TouchableOpacity> "react": "18.3.1", "react-native": "0.76.9", "react-native-auto-skeleton": "^0.1.22", This works perfectly fine on React Native 0.78.x and above, but on 0.76.x, the text skeleton does not render at all on iOS (Android is fine). Screenshot_1744778576.png (view on web) <https://github.com/user-attachments/assets/87fd8611-a714-4b00-a0a3-7ceb01acc67c> Simulator.Screenshot.-.iPhone.SE.3rd.generation.-.2025-04-16.at.07.43.15.png (view on web) <https://github.com/user-attachments/assets/587ff54c-fc2e-4540-b6a1-3a97528efd0c> Is this a known limitation or compatibility issue with RN 0.76.x? Any suggested workarounds or patches would be super helpful! Thanks again for the awesome work 🙌 — Reply to this email directly, view it on GitHub <#7>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AM3Z2QO2XB2V6266OA5UNQD2ZXNZRAVCNFSM6AAAAAB3HHWZAOVHI2DSMVQWIX3LMV43ERDJONRXK43TNFXW4OZYGIYDOOBTHE> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[pioner92]

@rizshivalli
Could you give me a sample with Original RN components (Image, Text ) and inline styles , I will check

[rizshivalli]

Hi

adding BG color to for the text has resolved the issue.

thank you for your support