React native bug image показывает blank

Question

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

<Image source={this.state.ImageSource} style={styles.image} /> 

У меня есть следующий код, который инициализирует ImageSource.

componentDidMount() { 
    this.setState({ImageSource: {uri: this.props.imageurl}}); 
} 

Источник изображения - объект с uri, например, { uri: ' http://localip:123/controller/imageaction/imageid '}.

Изображения того размера, что 1MB в размере нагрузки без проблем. Изображения с размером 1 Мбайт или более, похоже, имеют проблемы, когда они отображают пустой образ для кажущегося навсегда.

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

Я тестирование на медленном нижнем конец LG немой смартфон с Android 4.1.2. Но в браузере Google Chrome этот телефон способен отображать большие и маленькие изображения без проблем.

Я попытался исправить это с помощью Android: largeHeap = "true", но это не вызвало никаких изменений в поведении. Сжимающиеся изображения позволяют им загружать, но мне нужно отображать большие изображения, а также небольшие.

Спасибо за любую помощь.

Answer 1

Вы можете попробовать это

componentDidMount() { 
    this.setState({ImageSource:this.props.imageurl}); 
} 

<Image source={{uri: this.state.ImageSource}} style={{width: 400, height: 400}}/>