Не могу использовать require в react native

#react-native

Вопрос:

Я пытаюсь импортировать локальные изображения в свое собственное приложение react, используя ключевое слово «требуется», но каждый раз, когда я использую «требуется», я получаю код ответа 500 с сервера разработки.

 <Image key={value   "1"} source={require("./giantdoubble.png")} style={{height: 100, width: 100}}/>
<TouchableOpacity onPress={() => alert(value)} key={value} style={styles.card} >
   <Text>xD</Text>
</TouchableOpacity>

 

Комментарии:

1. Не могли бы вы предоставить немного кода. Может быть, вы указываете не на тот путь: <Источник изображения={требуется(‘../../Путь’)} /> ?

2. Компилятор говорит, что файл не существует, но путь не является неправильным. Файл PNG находится в той же папке, что и файл

Ответ №1:

По какой-то причине мой PNG-файл использовал PNG со всеми заглавными буквами, что сделало его неузнаваемым кодом. Преобразование его в формат png со строчными буквами решило проблему.