React-native: Π—Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ изобраТСния динамичСски ΠΈΠ· состояния

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 30 ΠΎΠΊΡ‚. 2015  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: facebook/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'
            });
        }       
    }

Π›ΡŽΠ±Π°Ρ ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ†Π΅Π½Π΅Π½Π°.
Π·Π°Ρ€Π°Π½Π΅Π΅ спасибо

@josev55

Ran Commands Locked

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π― ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя Π½Π°Π·Π°Π΄. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ свойство Π² Ρ‚Π΅Π³ изобраТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ <Image key={images[this.state.playImage].uri} ... /> . Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС это сработало для мСня https://github.com/facebook/react-native/issues/3471

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π― ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя Π½Π°Π·Π°Π΄. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ свойство Π² Ρ‚Π΅Π³ изобраТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ <Image key={images[this.state.playImage].uri} ... /> . Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС это сработало для мСня https://github.com/facebook/react-native/issues/3471

@facebook-github-bot ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ @josev55 ΠΈ спасибо Π·Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡŽ! @cosmith Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ эта ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° выглядит ΠΊΠ°ΠΊ вопрос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»ΡƒΡ‡ΡˆΠ΅ всСго Π·Π°Π΄Π°Ρ‚ΡŒ Π½Π° StackOverflow . StackOverflow ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вопросов ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ²: Π² Π½Π΅ΠΌ Π΅ΡΡ‚ΡŒ систСма Ρ€Π΅ΠΏΡƒΡ‚Π°Ρ†ΠΈΠΈ, голосованиС, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ вопрос ΠΊΠ°ΠΊ ΠΎΡ‚Π²Π΅Ρ‡Π΅Π½Π½Ρ‹ΠΉ. Из-Π·Π° систСмы Ρ€Π΅ΠΏΡƒΡ‚Π°Ρ†ΠΈΠΈ сообщСство, скорСС всСго, ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ ваш вопрос ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ Π½Π° Π½Π΅Π³ΠΎ. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π½Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ срСдство отслСТивания ошибок GitHub Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для обнаруТСния ошибок. Π—Π°ΠΊΡ€ΠΎΡŽ это, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ вопрос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ слСдуСт Π·Π°Π΄Π°Ρ‚ΡŒ Π½Π° SO.

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ