react-native-material-design icon indicating copy to clipboard operation
react-native-material-design copied to clipboard

Warning: Failed prop type: Invalid props.style key `color` supplied to `Icon`.

Open KamWis opened this issue 8 years ago • 0 comments

Instead of adding color="" prop I would like to add style prop to it with definitions from StyleSheet. I can do that but I receive fallowing warning:

ExceptionsManager.js:76 Warning: Failed prop type: Invalid props.style keycolorsupplied toIcon. Bad object: { "color": "rgba(62,62,62,1)" } Valid keys: [ "width", "height", "top", "left", "right", "bottom", "minWidth", "maxWidth", "minHeight", "maxHeight", "margin", "marginVertical", "marginHorizontal", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingVertical", "paddingHorizontal", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "position", "flexDirection", "flexWrap", "justifyContent", "alignItems", "alignSelf", "flex", "zIndex", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "transform", "transformMatrix", "decomposedMatrix", "scaleX", "scaleY", "rotation", "translateX", "translateY", "backfaceVisibility", "backgroundColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderStyle", "opacity", "overflow", "elevation" ] in Icon (created by StaticRenderer) in StaticRenderer (created by ListView) in RCTView (created by View) in View (created by ScrollView) in RCTScrollView (created by ScrollView) in ScrollView (created by ListView) in ListView (created by MeansList) in RCTView (created by View) in View (created by ScrollView) in RCTScrollView (created by ScrollView) in ScrollView (created by MeansList) in MeansList (created by Navigator) in RCTView (created by View) in View (created by Navigator) in RCTView (created by View) in View (created by Navigator)reactConsoleError @ ExceptionsManager.js:76console.error @ YellowBox.js:59warning @ warning.js:44checkReactTypeSpec @ checkReactTypeSpec.js:67validatePropTypes @ ReactElementValidator.js:153createElement @ ReactElementValidator.js:187renderRow @ meansList.js:56StaticRenderer_render @ StaticRenderer.js:27StaticRenderer_render @ createPrototypeProxy.js:44_renderValidatedComponentWithoutOwnerOrContext @ ReactCompositeComponent.js:785_renderValidatedComponent @ ReactCompositeComponent.js:811performInitialMount @ ReactCompositeComponent.js:353mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:242initializeChildren @ ReactNativeBaseComponent.js:69mountComponent @ ReactNativeBaseComponent.js:185mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:242initializeChildren @ ReactNativeBaseComponent.js:69mountComponent @ ReactNativeBaseComponent.js:185mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:242initializeChildren @ ReactNativeBaseComponent.js:69mountComponent @ ReactNativeBaseComponent.js:185mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:242initializeChildren @ ReactNativeBaseComponent.js:69mountComponent @ ReactNativeBaseComponent.js:185mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:242initializeChildren @ ReactNativeBaseComponent.js:69mountComponent @ ReactNativeBaseComponent.js:185mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:242initializeChildren @ ReactNativeBaseComponent.js:69mountComponent @ ReactNativeBaseComponent.js:185mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:367mountComponent @ ReactCompositeComponent.js:241mountComponent @ ReactReconciler.js:49_mountChildAtIndex @ ReactMultiChild.js:427_updateChildren @ ReactMultiChild.js:343updateChildren @ ReactMultiChild.js:303receiveComponent @ ReactNativeBaseComponent.js:114receiveComponent @ ReactReconciler.js:131_updateRenderedComponent @ ReactCompositeComponent.js:737_performComponentUpdate @ ReactCompositeComponent.js:715updateComponent @ ReactCompositeComponent.js:634receiveComponent @ ReactCompositeComponent.js:534receiveComponent @ ReactReconciler.js:131updateChildren @ ReactChildReconciler.js:94_reconcilerUpdateChildren @ ReactMultiChild.js:213_updateChildren @ ReactMultiChild.js:315updateChildren @ ReactMultiChild.js:303receiveComponent @ ReactNativeBaseComponent.js:114receiveComponent @ ReactReconciler.js:131_updateRenderedComponent @ ReactCompositeComponent.js:737_performComponentUpdate @ ReactCompositeComponent.js:715updateComponent @ ReactCompositeComponent.js:634receiveComponent @ ReactCompositeComponent.js:534receiveComponent @ ReactReconciler.js:131_updateRenderedComponent @ ReactCompositeComponent.js:737_performComponentUpdate @ ReactCompositeComponent.js:715updateComponent @ ReactCompositeComponent.js:634performUpdateIfNecessary @ ReactCompositeComponent.js:548performUpdateIfNecessary @ ReactReconciler.js:165runBatchedUpdates @ ReactUpdates.js:151perform @ Transaction.js:138perform @ Transaction.js:138perform @ ReactUpdates.js:90flushBatchedUpdates @ ReactUpdates.js:173closeAll @ Transaction.js:204perform @ Transaction.js:151batchedUpdates @ ReactDefaultBatchingStrategy.js:63batchedUpdates @ ReactUpdates.js:98_receiveRootNodeIDEvent @ ReactNativeEventEmitter.js:124receiveTouches @ ReactNativeEventEmitter.js:186__callFunction @ MessageQueue.js:193(anonymous function) @ MessageQueue.js:94guard @ MessageQueue.js:41callFunctionReturnFlushedQueue @ MessageQueue.js:93onmessage @ debuggerWorker.js:39

Other then that: thank you for for this gr8 tool you have provided! it's awesome!

KamWis avatar Aug 03 '16 18:08 KamWis