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

Style property 'height' is not supported by native animated module. #7

Open
shariqahmed49 opened this issue Sep 8, 2020 · 11 comments

Comments

@shariqahmed49
Copy link

I am using RN- 0.63.2 and I am facing the following issue "Style property 'height' is not supported by native animated module".

"react-native-radio-button-group": "^1.0.3",

@Abilashinamdar
Copy link
Owner

@shariqahmed49, can you please provide your code snippet which would help to check the issue.

@1awaleed
Copy link

@Abilashinamdar same issue while using the given example in the readme.md

react native :0.62

import RadioGroup from 'react-native-radio-button-group';

const example =()=>{

  const radiogroup_options = [
    {id: 0, label: 'Button1'},
    {id: 1, label: 'Button2'},
    {id: 2, label: 'Button3'},
    {id: 3, label: 'Button4'},
  ];

 return(
     <RadioGroup
         options={radiogroup_options}
         onChange={option => console.log('option: ', option)}
     />
 )
}

@rameyroad
Copy link

I'm also getting this. I'm using Expo & ReactNative. I see it in the following Snack in both iOS and Android:

https://snack.expo.io/@rameyroad/36a2c6

@SohaibKtb
Copy link

+1

@shariqahmed49
Copy link
Author

@Abilashinamdar any update on this?

@SohaibKtb
Copy link

SohaibKtb commented Sep 25, 2020

In circle.js I changed height and width in this way, and I know that this solution is not good, but I did it, for now, to make it work

<Animated.View
          style={[
            styles.fill,
            {
              backgroundColor: circleStyle.fillColor,
              height: this.props.active ? 20 : 0,
              width: this.props.active ? 20 : 0,
            },
          ]}
        />

I think the problem is with these lines:

this.state = {
      animatedHeight: new Animated.Value(0),
      animatedWidth: new Animated.Value(0),
    };

by adding this.state.animatedWidth or this.state.animatedHeight it will throw this error:
"Style property 'height' is not supported by native animated module".

please provide a solution @Abilashinamdar when you can

@SohaibKtb
Copy link

SohaibKtb commented Sep 25, 2020

Also, there is a warning Failed prop type: Property 'options' of component 'RadioGroup' has invalid PropType notation inside arrayOf.

@zercad
Copy link

zercad commented Oct 7, 2020

I changed both 'useNativeDriver: true' to 'useNativeDriver: false' in setWidthHeight of Circle.js and is working fine for me.

@ardasatata
Copy link

I changed both 'useNativeDriver: true' to 'useNativeDriver: false' in setWidthHeight of Circle.js and is working fine for me.

tried this and its working, I tried in ios 13, dunno about android hopefully it's not problematic

@samcambridge
Copy link

@Abilashinamdar this is currently unusuable. Will there be a fix?

@ThakurBallary
Copy link

In case if you are looking for an alternative react-native-radio-buttons-group

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

9 participants