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
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.
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