radio-buttons-react-native - npm Package Compare versions

Comparing version 1.0.0 to 1.0.2

package.json

 {
-    "name": "radio-buttons-react-native",
-    "version": "1.0.0",
-    "description": "Animated radio buttons component for react native",
-    "main": "RadioButtonRN.js",
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
-    },
-
-    "repository": {
-      "type": "git",
-      "url": "git+https://github.com/sramezani/radio-buttons-react-native"
-    },
-    "keywords": [
-      "react-component",
-      "react-native",
-      "ios",
-      "android",
-      "form",
-      "button",
-      "radio-button",
-      "radio-buttons",
-      "react-native-radio-button",
-      "animated",
-      "react",
-      "mobile"
-    ],
-    "author": "Siamak Ramezani <[e-mail]>",
-    "license": "MIT",
-    "bugs": {
-      "url": "https://github.com/sramezani/radio-buttons-react-native/issues"
-    },
-    "homepage": "https://github.com/sramezani/radio-buttons-react-native#readme"
+  "name": "radio-buttons-react-native",
+  "version": "1.0.2",
+  "description": "Animated radio buttons component for react native",
+  "main": "RadioButtonRN.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sramezani/radio-buttons-react-native.git"
+  },
+  "keywords": [
+    "react-component",
+    "react-native",
+    "ios",
+    "android",
+    "form",
+    "button",
+    "radio-button",
+    "radio-buttons",
+    "react-native-radio-button",
+    "animated",
+    "react",
+    "mobile"
+  ],
+  "author": "Siamak Ramezani <[e-mail]>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/sramezani/radio-buttons-react-native/issues"
+  },
+  "homepage": "https://github.com/sramezani/radio-buttons-react-native#readme",
+  "directories": {
+    "example": "example"
   }
-
+}

RadioButtonRN.js

@@ -249,4 +249,4 @@ import React from 'react';
     deactiveColor: PropTypes.string,
-    textActiveColor: PropTypes.string,
-    textDeactiveColor: PropTypes.string,
+    // textActiveColor: PropTypes.string,
+    // textDeactiveColor: PropTypes.string,
     boxActiveBgColor: PropTypes.string,
@@ -253,0 +253,0 @@ boxDeactiveBgColor: PropTypes.string,

README.md

 # radio-buttons-react-native
-Animated react native radio buttons
+Animated radio buttons component for react native
+
+4 types animation when click on any items of radio button
+
+
+# DEMO
+![](https://github.com/sramezani/radio-buttons-react-native/blob/master/example/rbrn.gif)
+
+# install
+    npm install radio-buttons-react-native --save
+    
+# Usage
+    import RadioButtonRN from 'radio-buttons-react-native';
+    
+    const data = [
+    {
+      label: 'data 1'
+     },
+     {
+      label: 'data 2'
+     }
+    ];
+    
+    <RadioButtonRN
+      data={data}
+      selectedBtn={(e) => console.log(e)}
+    />
+
+see this simple [example](https://github.com/sramezani/radio-buttons-react-native/blob/master/example/index.js) to find how use this component.
+
+<h3>with customize icon:</h3>
+
+    // import icon from any library
+    import Icon from 'react-native-vector-icons/FontAwesome';
+    
+    <RadioButtonRN
+      data={data}
+      selectedBtn={(e) => console.log(e)}
+      icon={
+        <Icon
+          name="check-circle"
+          size={25}
+          color="#2c9dd1"
+        />
+      }
+    />
+    
+    
+
+
+# Properties
+
+| Prop  | Description | Default |
+| ------------- | ------------- | ------------- |
+| data  | radio buttons label array, you can use any data in object, label is necessary for showing in radio button | [] |
+| selectedBtn  | callback when radio button clicked | - |
+| icon  | you can use any icon for button, see the example | - |
+| box  | box of for items  | true |
+| initial  | The number of selected radio button. start from 1 for first item of array. This is used when this component is activated. | -1 |
+| animationTypes  | the animations when click on item, Valid values: 'zoomIn', 'pulse', 'shake', 'rotate', you can use one or more of this value for exaple: ['pulse'] or ['pulse', 'rotate']  | [] |
+| duration  | For how long the animation will run (milliseconds) | 500 |
+| style  | style for all RadioButtonRN  | {} |
+| boxStyle  | style for box  | {} |
+| textStyle  | style for label text  | {} |
+| circleSize  | circle size for unselected items and whitout icon selected size | 18 |
+| activeColor  | color of active button and box border  | '#03a9f4' |
+| deactiveColor  | color of deactive button  | '#e2e2e2' |
+| boxActiveBgColor  | background color of active item, when box is true | '#e1f5fe33' |
+| boxDeactiveBgColor  | background color of deactive items, when box is true  | '#fff' |
+| textColor  | label color  | '#383838' |
+
+# Contributing
+Yes of course! Welcome :)
+
+# License
+[MIT](https://github.com/sramezani/radio-buttons-react-native/blob/master/LICENSE)

No alert changes

Improved metrics

Total package byte prevSize

13802

increased by21.93%

Number of lines in readme file

78

increased by2500%

No dependency changes