У меня проблемы с реквизитом и требуют, я не знаю, какие проблемы. Пожалуйста, помогите. Реагировать родной

Question

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

Cerveja name = "Brahma Garrafa 600ml" price = "6.00" foto = '../assets/images/brahma-garrafa.png'

source = {require ( props.foto )}

Answer 1

export default function cardapio(){
  return(
    <ScrollView>
    <Cerveja name="Cerveja lata" price= "6.00" photo = "require('../assets/images/brahma-garrafa.png')"/>
    </ScrollView>
  );
}
function Cerveja(props) {
const [count,setCount] = useState(0);
  return (
    <View style={{flexDirection:"row", alignItems:'center', justifyContent:'space-between'}}>
      <View style={{flex: .3}}>
        <Image
          source={(props.photo)}
          resizeMode='contain'
        />
      </View>

Вот вам go. У меня были проблемы при вставке.

Answer 2

Это описано в документации по разделу "Stati c Resources ":

Единственный допустимый способ ссылки на изображение в комплекте - буквально напишите require ('image! name-of-asset') в источнике.

Поэтому я предлагаю добавить require к вашему реквизиту, например:

foto = require('../assets/images/brahma-garrafa.png');

затем :

source={props.foto}