Question

我使用的是react-native-elements，我得到两个相同的警告，一个用于View，另一个用于RCTView。

当我用其他东西（只是一个简单的视图）替换Tile时，它很好。

警告如下：

警告：道具类型失败：无效的props.style键＆＃39; resizeMode＆＃39;   提供给RCTView＆＃39;

警告：道具类型失败：无效的props.style键＆＃39; resizeMode＆＃39;   提供给＆＃39;查看＆＃39;

这是有问题的代码：

 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

找到解决方案：

编辑

node_modules /反应天然元素/ SRC /瓦/ Tile.js

删除

resizeMode：'cover'

从：

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

Answer 2

虽然删除resizeMode会起作用，但正确的答案是将其传递给新的prop，imageStyle。

修复将在下一版本的react-native-elements：

中

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

警告：失败的道具类型：无效的props.style键＆＃39; resizeMode＆＃39;提供给RCTView＆＃39;

2 个答案: