expo-radio-button

expo-radio-button

expo-radio-button is a beautiful and flexible radio button component

DEMO

Installation

npm i expo-radio-button --save
yarn add expo-radio-button

Example

import React, { useState } from "react";
import { Text, View } from "react-native";
import RadioButtonGroup, { RadioButtonItem } from "expo-radio-button";
export default function App() {
  const [current, setCurrent] = useState("test");

  return (
    <View style={{ marginTop: 50 }}>
      <RadioButtonGroup
        containerStyle={{ marginBottom: 10 }}
        selected={current}
        onSelected={(value) => setCurrent(value)}
        radioBackground="green"
      >
        <RadioButtonItem value="test2" label="Example with string" />
        <RadioButtonItem
          value="test"
          label={
            <Text style={{ color: "red" }}>Example passing React Element</Text>
          }
        />
      </RadioButtonGroup>
    </View>
  );
}

Properties RadioButtonGroup

Property	Description
selected	Current value selected
size	(integer) Radio button size
containerStyle	Container Style
radioStyle	Radio Button Style
radioBackground	default blue

Events RadioButtonGroup

Property	Description
onSelected	method called when pressed

Properties RadioButtonItem

Property	Description
value	option value
label	(string or JSX.element)
style	View Style

License

MIT

Free Software, Hell Yeah!