Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Same as 668] Tile: Warning: Failed prop type: Invalid props.style key 'resizeMode' supplied to 'View'

See original GitHub issue

Description

I get the same warning as listed on this issue: https://github.com/react-native-training/react-native-elements/issues/668

Warning: Failed prop type: Invalid props.style key resizeMode supplied to View.
Bad object: {
"alignItems": "center",
"justifyContent": "center",
"resizeMode": "cover",
"backgroundColor": "#ffffff",
"flex": 2
}
...

Versions of the dependencies

"dependencies": {
	"react": "16.0.0",
	"react-native": "^0.50.4",
	"react-native-elements": "^0.18.4",
	"react-native-vector-icons": "^4.4.2",
	"react-navigation": "^1.0.0-beta.21"
},

Reproduction Steps and Sample Code

You can clone my practice repo under that branch. I see the warning when I run it on an android simulator. https://github.com/Jun711/ReactNativePractice/tree/resizeModeWarning

Issue Analytics

State:
Created 6 years ago
Comments:10 (2 by maintainers)

Top GitHub Comments

4reactions

iRoachiecommented, Nov 29, 2017

Yea the bug is here https://github.com/react-native-training/react-native-elements/blob/master/src/tile/Tile.js#L60. resizeMode is a prop not a style

1reaction

xavier-villelegiercommented, Dec 15, 2017

@francisrod01 This modification should do the job. This will be in the next release

Top Results From Across the Web

Tile: Warning: Failed prop type: Invalid props.style key ...

The fix is to move it to the new imageStyle prop. Here's the warning message: Warning: Failed prop type: Invalid props.style key resizeMode...

Warning: Failed prop type: Invalid props.style key 'resizeMode ...

When I replace the Tile with something else (just a simple view) its fine. The warnings are as below: Warning: Failed prop type:...

Warning: Failed prop type: Invalid props.style key 'resizeMode ...

Coding example for the question Warning: Failed prop type: Invalid props.style key 'resizeMode' supplied to 'RCTView'-React Native.

Failed prop type: Invalid props.style key `resizeMode ...

ERROR Warning: Failed prop type: Invalid props.style key `resizeMode` supplied to `Text`. هدا هو الكود import React, ...

Debug - Reference Source

Assert(keyRecord != null, "Unknown key record type in defer load ... Assert(startingIndex >= 0, "Source composite collection failed to supply an index"); ...