Я создаю приложение на Android для Android.Я пытаюсь включить изображение в свое приложение.Что бы я ни делал, я не могу отобразить изображения в своем приложении.Я прочитал этот другой ответ и попробовал с изображениями https и добавил к моему изображению высоту и ширину.Это метод рендеринга компонента с изображением, которое я пытаюсь отобразить.Прямо сейчас источник динамически указывает на мою корзину s3.
render() {
const { textWrapperStyle, svgStyle, containerStyle, textStyle } = styles
console.log("FILE URL", this.props.file.url)
return (
<View style={{flexDirection: 'row', alignItems: 'center'}}>
<Modal
animationType={'slide'}
transparent={false}
visible={this.state.modalVisible}
onRequestClose={() => {
alert('Modal has been closed.');
}}>
<View style={{flex: 1, justifyContent: 'center'}}>
<View>
<Image
style={{width: 200, height: 200}}
source={{uri: "https://obeya-dgeismar-site-assets"+this.props.file.url }}
/>
<TouchableOpacity
onPress={() => {
this.setModalVisible(!this.state.modalVisible);
}}>
<Text>Hide Modal</Text>
</TouchableOpacity>
</View>
</View>
</Modal>
<TouchableOpacity style={[containerStyle, this.props.customStyle]} onPress={() => {this.setModalVisible(true);}}>
<View style={textWrapperStyle}>
<Text>
{this.props.file.title}
</Text>
</View>
</TouchableOpacity>
<TouchableOpacity onPress={()=>this.confirmDelete(this.props.file.id, this.props.eventId)}>
<Close style={styles.svgStyle} fill='red'/>
</TouchableOpacity>
</View>
)
}
Вот ссылка на весь проект.В настоящее время я запускаю его в Android Studio на NExus 5x API 29 x86