Экран-заставка моего приложения загружает изображение из локального подкаталога asset/image/
. Я понимаю, что локальный файл изображения должен быть require
. Итак, изображение было require
и присвоено константе. Image
- это import
из react-native-elements 2.0.2
:
import { Image } from 'react-native-elements';
const bgimage = require('../../../asset/image/ltx-61.jpg');
И функция возвращает:
return (
<View style={styles.viewStyles}>
<Image
source={bgimage}
style={{ width: 100, height: 100 }}
/>
</View>
);
}
Но изображение не отображалось, и на месте был пустой блок изображения. В целях тестирования я попробовал следующее онлайн-изображение, которое приложение успешно загрузило и отобразило в приложении:
source={{uri:"https://s3.amazonaws.com/uifaces/faces/twitter/brynn/128.jpg"}}
Результат тот же. Изображение не показано, и был пустой блок. Однако, если приложение импортирует изображение из react-native 0.62.2
:
import { Image } from 'react-native';
, изображение загружается успешно. Почему изображение не отображалось с Image
из react-native-elements ?