Giters

wix / react-native-ui-lib

UI Components Library for React Native

Home Page:https://wix.github.io/react-native-ui-lib/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Card and Button Shadow is disabled

SupriyaPKalghatgi opened this issue · comments

commented

Description

Button and Card shadow is not visible

Related to

  • Components

Code snippet

          <Card enableShadow={true}>
            <Text>
              Lorem ipsum is placeholder text commonly used in the graphic,
              print, and publishing industries for previewing layouts and visual
              mockups. Lorem ipsum is placeholder text commonly used in the
              graphic, print, and publishing industries for previewing layouts
              and visual mockups.
            </Text>
          </Card>

Screenshots/Video

image

Environment

  • Expo version: ^49.0.7,
  • React Native version: 0.72.3
  • React Native UI Lib version: ^7.8.0

Affected platforms

  • Android
  • iOS
commented

@NitzanWix Is there a work around for this?

commented

Hi @SupriyaPKalghatgi, Currently a work around would be by adding shadow using the style prop. We also have some shadow presets of our own. Refer to https://github.com/wix/react-native-ui-lib/blob/master/src/style/shadows.ts.

commented

Thank you, I got it working with style prop