Newborn Programming Monsters

    react-native-animated-radio-button-group

    1.0.0 • Public • Published

    React Native Animated Radio Button Group

    Battle Tested ✅

    Fully customizable, animated & easy to use radio button group

    npm version npm Platform - Android and iOS License: MIT styled with prettier

    React Native Animated Radio Button Group

    Installation

    Add the dependency:

    npm i react-native-animated-radio-button-group

    Peer Dependencies

    IMPORTANT! You need install them
    "@freakycoder/react-native-bounceable": ">= 0.2.5",
    "react-native-animated-radio-button": ">= 0.0.4"

    Usage

    Import

    import RadioButtonGroup from "react-native-animated-radio-button-group";

    Usage

    Data is just an example, you can customize each radio button with data itself. Example; you can set fontSize, innerColor, outerColor for each of them. They take all props which is available on React Native Animated Radio Button.

    const data = [
      { id: 0, text: "Cinema", color: "#FF0004", size: 25 },
      { id: 1, text: "Theatre", color: "#FB4009", size: 25 },
      { id: 2, text: "Gaming", color: "#F6800F", size: 25 },
      { id: 3, text: "Travelling", color: "#F4A012", size: 25 },
      { id: 4, text: "Sport", color: "#F0E017", size: 25 },
    ];
    
    <RadioButtonGroup initial={2} data={data} onChange={(item) => setItem(item)} />;

    Configuration - Props

    Property Type Default Description
    initial number 0 default selection of the radio button group
    data Object Array null creates and customize each radio button for the group
    onChange function undefined you can make your business logic or get the selection of the data from this function
    onPress function undefined onPress function for each of them

    Future Plans

    • [x] LICENSE
    • [ ] TypeScript Challenge!
    • [ ] Write an article about the lib on Medium

    Change Log

    Change log will be here !

    Author

    FreakyCoder, kurayogun@gmail.com

    License

    React Native Animated Radio Button Group is available under the MIT license. See the LICENSE file for more info.

    Install

    npm i react-native-animated-radio-button-group

    DownloadsWeekly Downloads

    10

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    33.4 kB

    Total Files

    18

    Last publish

    Collaborators

    • freakycoder