react-native-console-panel - npm Package Compare versions

Comparing version 0.0.9 to 0.1.0

index.js

@@ -29,3 +29,4 @@ /**
 
-var React = require("react-native");
+var React = require("react");
+var ReactNative = require("react-native");
 var {
@@ -36,7 +37,8 @@ View,
     PanResponder,
-    TouchableWithoutFeedback
-    } = React;
+    TouchableWithoutFeedback,
+    Dimensions
+    } = ReactNative;
 
-const PANEL_BACKGROUND = 'rgba(51,72,94,0.6)';
-const PANEL_BACKGROUND_SELECTED = 'rgba(51,72,94,0.9)';
+const PANEL_BACKGROUND = 'rgba(51,72,94,0.7)';
+const PANEL_BACKGROUND_SELECTED = 'rgba(51,72,94,0.95)';
 
@@ -46,6 +48,6 @@
     container:{
-        top: 10,
-        left: 10,
+        top: 23,
+        left: 0,
         right: 0,
-        width:200,
+        width: Dimensions.get('window').width,
         position:'absolute',
@@ -81,3 +83,3 @@ backgroundColor:PANEL_BACKGROUND,
     contentText:{
-        fontSize:10
+        fontSize:11
     },
@@ -196,7 +198,7 @@ log:{
         if(this.state.isOpen) {
-            this.state.dataSource.forEach((row)=>{
-                content.push(<Text style={[this._pickStyle(row.level),styles.contentText]}>{row.text}</Text>);
+            this.state.dataSource.forEach((row,i)=>{
+                content.push(<Text key={i} style={[this._pickStyle(row.level),styles.contentText]}>{row.text}</Text>);
             });
             if (this.state.dataSource.length < 3) {
-                content.push(<Text
+                content.push(<Text key={-1}
                     style={[styles.log,styles.contentText]}>{String('\n'.repeat(3 - this.state.dataSource.length))}</Text>);
@@ -219,3 +221,3 @@ }
                     <TouchableWithoutFeedback onPress={this._clearAll}>
-                        <Text style={styles.bottomBarBtnText}>clear</Text>
+                        <View><Text style={styles.bottomBarBtnText}>clear</Text></View>
                     </TouchableWithoutFeedback>
@@ -233,3 +235,3 @@ </View>:null}
                     }>
-                        <Text style={styles.btnText}>{this.state.isOpen?'close':' open'}</Text>
+                        <View><Text style={styles.btnText}>{this.state.isOpen?'close':' open'}</Text></View>
                     </TouchableWithoutFeedback>
@@ -384,3 +386,3 @@ </View>
     keepYellowbox:()=>{
-        _setup(this,true);
+        _setup(window,true);
         return {
@@ -394,9 +396,9 @@ Panel:ConsolePanel,
     displayWhenDev:()=>{
-        _setup(this,false);
+        _setup(window,false);
         return __DEV__?<ConsolePanel/>:null;
     },
     displayIgnoreDevVariable:()=>{
-        _setup(this,false);
+        _setup(window,false);
         return <ConsolePanel/>
     },
 };

package.json

 {
   "name": "react-native-console-panel",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "react native component for display console messages. ",
@@ -5,0 +5,0 @@ "main": "index.js",

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

1468508

increased by0.01%

Lines of code

366

increased by0.55%

No dependency changes