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

Question

I'm using react-native-elements and I'm getting two same warnings, one for View and one for RCTView.

When I replace the Tile with something else (just a simple view) its fine.

The warnings are as below:

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

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

This is the problematic code:

 return (

  <ScrollView>
    {events.map((event) => (
    <Tile
     key={event.event_id}
        imageSrc={{ uri: event.picture.large }}
        title={`${event.title.toUpperCase()}`}
        onPress={() => this.onLearnMoreEvent(event)}
        contentContainerStyle={{height: 80}}
      >
        <View style={{flex: 1, flexDirection: 'row', justifyContent: 'space-between'}}>
          <Text>{`${event.location.city}, ${event.start_date} `}</Text>
          <Text>Music</Text>
        </View>
      </Tile>

        ))}


  </ScrollView>
);

Answer 1

Solution found:

Edit

node_modules/react-native-elements/src/tile/Tile.js

Delete

resizeMode: 'cover'

from:

  imageContainer: {
      alignItems: 'center',
      justifyContent: 'center',
      resizeMode: 'cover',
      backgroundColor: '#ffffff',
      flex: 2,
    },