react-native-material-design
react-native-material-design copied to clipboard
Warning: Failed prop type: Invalid props.style key `color` supplied to `Icon`.
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 key
colorsupplied to
Icon. 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!