Изображение не отображается после успешной выборки в React native - PullRequest
Новая
       21

Изображение не отображается после успешной выборки в React native

0 голосов
/ 07 июня 2018

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

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

В моем конструкторе: 

constructor(props) {
        super(props);
        const deliveryManPic = Config.images.deliveryManPic;

        this.state = {
            callModal: false,
            beepModal: false,
            pictureForBackground: null,
            finished: deliveryManPic,
            secondPic: null,

        };
        this.batteryLevelIndicator = '';
        this.pictureUrl = 'someURL';
    }

В моем ComponentWillMount: 

componentWillMount() {
        const urlForPicture = this.pictureUrl;
        apiService.getPicture(urlForPicture, (res) => {
            if (res !== null) {
                // console.log('here is your response', res);
                this.setState({ pictureForBackground: res, });
            } else {
                loggingService.debug('theres been a problem');
            }
        });
    }

Наконец, внутри моего метода рендеринга: 

<View style={styles.deliveryGuyView}>
                        <Image
                            resizeMode="cover"
                            style={styles.policeCarIcon}
                            defaultSource={{ uri: this.state.finished }}
                            source={{ uri: this.state.pictureForBackground }}
                            onLoadEnd={() => {
                                console.log('pic has finished loading');
                            }}
                        />
                    </View>

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

1 Ответ

0 голосов
/ 07 июня 2018

Я забыл добавить высоту и ширину внутри объекта стилей PoliceCarIcon.

...