React-native: राज्य से छवियों को गतिशील रूप से लोड करें

सबको नमस्ते,

मेरे पास एक समस्या है जहां मैं छवि स्रोत को राज्य वस्तु में बदलाव से बदलने की कोशिश करता हूं लेकिन यह नहीं बदल रहा है।
मैंने मान लॉग किया है और यह बदल रहा है लेकिन छवि नहीं है।

यहाँ यह वह कोड है जिसका मैं उपयोग कर रहा हूँ:

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'
            });
        }       
    }

किसी भी तरह की सहायता को आभार समझेंगे।
अग्रिम में धन्यवाद

@ जोसेव55