Skip to content

iOS got extra loader view while using TouchableOpacity #16

Closed

Description

@arjunAbcd

Describe the bug
On iOS, an additional loader view appears when using TouchableOpacity or other pressable components. But it works fine on Android.
The screenshot shows an extra loader appearing on top of the rounded view.

To Reproduce
Steps to reproduce the behavior:

  1. Use TouchableOpacity inside <AutoSkeletonView

Expected behavior
It should display in the normal view, without any extra view loader.

Screenshots

Image

Desktop (please complete the following information):

  • OS: iOS
  • Browser :Edge

Smartphone (please complete the following information):

  • Device: iPhone 16 Pro Simulator
  • OS: iOS 18.3.1

Additional context
This isn't related to the issue, but is there a way to get the borderRadius in Android?

Activity

  1. pioner92 commented on Aug 27, 2025

    @pioner92
    Owner

    Hi @arjunAbcd
    Could you please write a minimal example? I will check

  2. pioner92 commented on Aug 28, 2025

    @pioner92
    Owner

    is it the new arch (Fabric) ?

  3. SimpleCreations commented on Feb 19, 2026

    @SimpleCreations

    @pioner92 It's quite easy to reproduce.

      return (
          <View style={{ paddingVertical: 20 }}>
            <AutoSkeletonView isLoading={true}>
              <AutoSkeletonIgnoreView>
                <View style={{ height: 100, outlineWidth: 1 }} />
              </AutoSkeletonIgnoreView>
              <TouchableOpacity style={{ height: 48, backgroundColor: 'blue' }}>
                <Text>123</Text>
              </TouchableOpacity>
            </AutoSkeletonView>
          </View>
      )

    The library renders an individual skeleton element for each of the touchable's children at the top of the skeleton view:

    Image
  4. pioner92 commented on Oct 8, 2026

    @pioner92
    Owner

    Fixed in v0.1.33 (#22). Views nested inside a TouchableOpacity (or anything that creates its own stacking context) were drawn using their local frame, so their shapes ended up at the top of the skeleton. Shapes are now placed in skeleton coordinates. Please reopen if you still see it on 0.1.33.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions