Предупреждение: Ошибка типа проп: неверный ключ props.style `0` предоставлен для` Image`

Question

Я следовал Разработка мультиплатформенного мобильного приложения с React Native курсом в Coursera, и в этом курсе преподаватель использовал компонент Card. Но я получил предупреждение, когда точно использую тот же код в своем проекте.

Warning: Failed prop type: Invalid props.style key `0` supplied to `Image`.

здесь - полное предупреждение. Я думаю, что следующий код вызывает предупреждение:

import React from 'react';
import { Text, View } from 'react-native';
import { Card } from 'react-native-elements';

function RenderDish(props) {
  const dish = props.dish;

  if (dish != null) {
    return (
      <Card
        featuredTitle={dish.name}
        image={require('./images/uthappizza.png')}
      >
        <Text style={{ margin: 10 }}>{dish.description}</Text>
      </Card>
    );
  } else {
    return <View></View>;
  }
}
function Dishdetail(props) {
  return <RenderDish dish={props.dish} />;
}
export default Dishdetail;

Но я не понял, почему было дано это предупреждение? Я не пропустил ни одной опоры, которая связана со стилем, тогда почему это происходит? Я от всей души благодарю, если кто-нибудь поможет мне разобраться в этом.

---

Как сказал @Maycon Mesquita, я попробовал <Card style={{ width: 150, height: 150 }}> в качестве опоры в Card, но предупреждение все еще там.

Answer 1

Компонент <Card /> передает array's element как style's prop в Image. Это неправильно.

Попробуйте установить ширину / высоту на card.

Однако, не зная код карты, я бы попробовал типичный c стиль:

Вариант A: style={{ width: 150, height: 150 }}

Вариант B: containerStyle={{ width: 150, height: 150 }}

В противном случае , вам необходимо будет опубликовать код компонента карты, чтобы мы использовали реквизит изображения имя.