Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

using it without height or width #46

Open
Bayramito opened this issue Mar 5, 2021 · 4 comments
Open

using it without height or width #46

Bayramito opened this issue Mar 5, 2021 · 4 comments

Comments

@Bayramito
Copy link

Can I use it without setting a static height and width?

@yolpsoftware
Copy link

Yes you can use NeomorphFlex instead of Neomorph, as described in the docs in the section about "IMPORTANT: Components dont't support Flex."

@lucas-dd
Copy link

Hi, what means doesn't support flex?

I got a warning message when I am use it this way:

<ShadowFlex style={styles.shadow}>

const styles = StyleSheet.create({
  
  shadow: {

    flexDirection: 'row',
    justifyContent: 'space-around',
    marginBottom: 32,
    marginLeft: 16,
    marginRight: 16,
    borderRadius: 20,
    shadowOffset: {
      width: 4,
      height: 4,
    },
    shadowOpacity: 1,
    shadowColor: colours.SHADOW_DARK,
    shadowRadius: 4,
    backgroundColor: colours.BASIC200,
  },
});

and I got the following message

image

@lucas-dd
Copy link

ERROR Warning: Failed prop type: The prop style.width is marked as required in OuterShadow, but its value is undefined.

@DenisDov
Copy link

This warning is ridiculous. I don't want to set width/height cuz elements size controlled by screen width, padding, etc...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants