React-native: Muat Gambar secara dinamis dari status

Dibuat pada 30 Okt 2015  ·  3Komentar  ·  Sumber: facebook/react-native

Hai semuanya,

Saya memiliki masalah ketika saya mencoba mengubah sumber gambar dari perubahan objek status tetapi tidak berubah.
Saya telah mencatat nilainya dan itu berubah tetapi gambarnya tidak.

Ini dia kode yang saya gunakan:

render() {
        var images = {
            playcircle: require('image!playcircle'),
            pausecircle: require('image!pausecircle')
        }
        return (
            <View style={[styles.container, {width: this.props.width - 10}]}>
                <TouchableOpacity onPress={this._playAudio.bind(this)}>
                    <Image source={images[this.state.playImage]} style={styles.img} />
                </TouchableOpacity>
                <View style={styles.textWrapper}>
                    <Text style={styles.txt}>{this.props.podTitle}</Text>
                </View>
            </View>
        );
    }
_playAudio() {
        var blockThis = this;
        debugger;
        if (!this.state.isPlaying) {
            JSAudioPlayer.play(this.props.url, true, function(error){
                if (error) {
                    alert(error);
                } else {
                    blockThis.setState({
                        isPlaying: true,
                        playImage: 'pausecircle'
                    })
                }
            });
        } else {
            JSAudioPlayer.pauseCurrent();
            blockThis.setState({
                isPlaying: false,
                playImage: 'playcircle'
            });
        }       
    }

Bantuan apa pun akan dihargai.
Terima kasih sebelumnya

@josev55

Ran Commands Locked

Komentar yang paling membantu

Saya mendapatkan hal serupa beberapa waktu lalu. Coba tambahkan properti kunci ke tag gambar seperti <Image key={images[this.state.playImage].uri} ... /> . Ini bekerja untuk saya dalam hal ini https://github.com/facebook/react-native/issues/3471

Semua 3 komentar

Saya mendapatkan hal serupa beberapa waktu lalu. Coba tambahkan properti kunci ke tag gambar seperti <Image key={images[this.state.playImage].uri} ... /> . Ini bekerja untuk saya dalam hal ini https://github.com/facebook/react-native/issues/3471

@facebook-github-bot stack-overflow

Hai @josev55 dan terima kasih telah memposting ini! @cosmith memberi tahu saya masalah ini sepertinya pertanyaan yang paling baik ditanyakan di StackOverflow . StackOverflow luar biasa untuk Tanya Jawab: ia memiliki sistem reputasi, pemungutan suara, kemampuan untuk menandai pertanyaan sebagai dijawab. Karena sistem reputasi, kemungkinan besar komunitas akan melihat dan menjawab pertanyaan Anda di sana. Ini juga membantu kami menggunakan pelacak bug GitHub hanya untuk bug. Akan menutup ini karena ini benar-benar pertanyaan yang harus ditanyakan pada SO.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat