react-native-arm-dropdown - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

index.js

@@ -1,2 +0,2 @@
-import DropDown from './src/'
-module.exports = DropDown
+import DropDown from './src/index';
+module.exports = DropDown;

package.json

 {
   "name": "react-native-arm-dropdown",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "DropDown for React-Native",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -13,7 +13,8 @@ ## React-Native-Arm-DropDown
 
-| Props            |  Value         |
-| ---------------- | ---------------|
-| title            | String         |
-| id               | Number         |
-| items            | Array          |
+| Props            |  Types          |
+| ---------------- | ----------------|
+| title            | String          |
+| id               | Number          |
+| items            | Array           |
+| titleStyle       | Object or Array |
 
@@ -20,0 +21,0 @@ #### Example

src/index.js

@@ -8,3 +8,4 @@ import React, { Component } from 'react';
     start: 500,
-    end: 100
+    end: 100,
+    state: true
 };
@@ -33,9 +34,10 @@
         let { heightItem, heightAnimationDrop } = this.state;
+        if(conf.state){
+            this.setState({
+                title: props.title || '',
+                items: props.items || [],
+                openItems: props.openItems || true
+            });
+        }
 
-        this.setState({
-            title: props.title || '',
-            items: props.items || [],
-            openItems: props.openItems || true
-        });
-
         if(!props.openItems){
@@ -51,10 +53,22 @@ setTimeout(()=>{
                 ).start(()=>{
-                    this.setState({open: false, droped: false});
+                    if(conf.state){
+                        this.setState({open: false, droped: false});
+                    }
                 });
             }, conf.start);
         }else{
-            this.setState({openItems: props.openItems});
+            if(conf.state){
+                this.setState({openItems: props.openItems});
+            }
         }
     };
 
+    UNSAFE_componentWillMount = () => {
+        conf.state = true;
+    };
+
+    componentWillUnmount = () => {
+        conf.state = false;
+    };
+
     startAnimation = () => {
@@ -72,3 +86,5 @@ let { droped, heightItem, heightAnimationDrop, items } = this.state;
             ).start(()=>{
-                this.setState({openItems: false});
+                if(conf.state){
+                    this.setState({openItems: false});
+                }
             });
@@ -85,7 +101,10 @@ }else{
             ).start(()=>{
-                this.setState({open: true, openItems: true});
+                if(conf.state){
+                    this.setState({open: true, openItems: true});
+                }
             });
         }
-
-        this.setState({droped: !droped});
+        if(conf.state){
+            this.setState({droped: !droped});
+        }
     };
@@ -104,3 +123,5 @@
         let { heightAnimationDrop } = this.state;
-        this.setState({open: false});
+        if(conf.state){
+            this.setState({open: false});
+        }
         Animated.timing(
@@ -114,5 +135,9 @@ heightAnimationDrop,
         ).start(()=>{
-            this.setState({openItems: false});
+            if(conf.state){
+                this.setState({openItems: false});
+            }
         });
-        this.setState({heightItem: height});
+        if(conf.state){
+            this.setState({heightItem: height});
+        }
     };
@@ -122,3 +147,3 @@
         let { items, title, heightAnimationDrop, droped, open, openItems } = this.state;
-        let { id, onChange } = this.props;
+        let { id, onChange, titleStyle } = this.props;
 
@@ -139,3 +164,3 @@ return(
                                 droped={droped}
-                                text={[styles.fontWeightBold]}
+                                text={[styles.fontWeightBold, titleStyle]}
                                 onChange={(idItem, drop)=>{
@@ -161,2 +186,3 @@ this.onChangeItem(idItem, drop);
                                                 open={open}
+                                                titleStyle={titleStyle}
                                                 items={item.items}
@@ -163,0 +189,0 @@ onChange={(idItem, title)=>{

src/Item.js

@@ -15,2 +15,3 @@ import React from 'react';
                     openItems={props.openItems}
+                    titleStyle={props.titleStyle}
                     onChange={(id, title)=>{
@@ -17,0 +18,0 @@ props.onChange(id, title);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12640

increased by6.66%

Lines of code

286

increased by10.42%

Number of lines in readme file

53

increased by1.92%

No dependency changes