Avertissement: Échec du type d'accessoire: clé non valide de props.style 'resizeMode' fournie à 'RCTView'

Question

J'utilise des éléments de réaction-natifs et j'obtiens deux mêmes avertissements, un pour View et un pour RCTView.

Lorsque je remplace le carreau par autre chose (juste une vue simple) c'est bien.

Les mises en garde sont les suivantes:

Attention: type prop Failed: non valide props.style clé 'resizeMode' fourni 'RCTView'

Attention: Type prop échoué: non valide props.style clé 'resizeMode' fourni 'View'

Voici le code problématique:

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 trouvée:

Modifier

node_modules/réagiront-native éléments/src/carrelage/Tile.js

Supprimer

resizeMode: « couverture '

de:

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

Answer 2

Bien que la suppression resizeMode fonctionnera, la bonne réponse est de passer à la nouvelle prop, imageStyle.

Le correctif sera dans la prochaine version de réagiront-natifs éléments:

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