Theming is not working as expected

[Forium777]

Current behavior

I apply a borderRadius={'round'} which is defined in my Theme.tsx but it doesn't get applied to my SkeletonPlaceholder.Item whereas if I do borderRadius={1000} - rectangle becomes circle...

With borderRadius={'round'}

With borderRadius={1000}

Code:

import { Box, Theme } from '@/components/Theme';
import {
  border,
  createRestyleComponent,
} from '@shopify/restyle';
import SkeletonPlaceholder from 'react-native-skeleton-placeholder';


const SkeletonPlaceholderItem = createRestyleComponent<
  React.ComponentProps<typeof SkeletonPlaceholder.Item & typeof Box>,
  Theme
>([border], SkeletonPlaceholder.Item)

const RoundedSkeleton = ({ size = 100 }) => {
  return (
    <SkeletonPlaceholder>
      <SkeletonPlaceholderItem
        width={size}
        height={size}
        borderRadius={`round`} // result with borderRadius={1000} in screen 2
      />
    </SkeletonPlaceholder>
  )
}

export { RoundedSkeleton };

Expected behavior

borderRadius={'round'} should get applied with value from my Theme.tsx which is:

borderRadii: {
    none: 0,
    s: 4,
    ms: 6,
    m: 8,
    lm: 10,
    l: 12,
    xl: 20,
    round: 1000,
},

Platform:

• iOS
• Android

Environment

"@shopify/restyle": "^2.4.2",

[laogui]

Only components created using createText or createBox can be used