search

WrathChaos / react-native-animated-radio-button

Fully customizable animated radio button for React Native
https://freakycoder.com
MIT License
31 stars 9 forks source link

Make Radio Button Activate with Clickable Label #185

Closed designsheikh closed 2 years ago

designsheikh commented 2 years ago

I'm trying to create a clickable label which will activate the radio button. However not sure where i'm going wrong

`<View style={{flexDirection: "row", alignItems:"center", flex: 1, justifyContent: "space-between"}}>

Oreo Cupcakes {'(6 pcs)'} 
  <RadioButton
      style={{borderRadius: 50,borderWidth: 2,borderColor: "#37BD6B",width: 25,height: 25}}
      innerBackgroundColor="#37BD6B"
      innerContainerStyle={{ height: 15, width: 15, borderRadius: 15 }}
      onPress={(isActive: boolean) => console.log("isActive: ", isActive)}

/> `

How can this be fixed?

WrathChaos commented 2 years ago

Hello @designsheikh ,

This library does not support the label by default. You may want to use react-native-bouncy-checkbox instead. It has much more support for your use-case :)