Как управлять обменом по нажатию кнопки в карусели в реагирующем? - PullRequest
Новая
       8

Как управлять обменом по нажатию кнопки в карусели в реагирующем?

0 голосов
/ 12 апреля 2020

Когда я нажимаю на кнопку, я хочу управлять своими сменными слайдами карусели. Это означает, что если я нажму на кнопку, то в карусели появится новый слайд. -carousel 'пакет для достижения моей функциональности в response-native.so, пожалуйста, помогите мне, как я могу достичь этой функциональности. Заранее спасибо. 

     SwapSlide = (value) => {
                    this.setState({ indexvalue: value }, () => {
                        console.log("get swapindex ===>>>", this.state.indexvalue)
                    })
                }
onPressAnswer = (item) => {
        console.log("run increase method===>>>", this.increase('progress', 10));
        console.log("run swapslide method===>>>", this.SwapSlide.snapToNext());
        this.AddQuestionAnswer(item)
    }

 renderItemAnswer = ({ item, index }) => {

        return (
            <View>
                <TouchableOpacity style={styles.answerTouchable} onPress={() =>this.onPressAnswer(item)}>
                    <Text style={styles.answerText}>{item.answer}</Text>
                </TouchableOpacity>
            </View>
        )
    }

         <Carousel
                                data={questionList}
                                renderItem={this.renderItemQuestion}
                                hasParallaxImages={true}
                                itemWidth={wp('100%')}
                                sliderWidth={wp('100%')}
                                ref={(value)=>{this.SwapSlide=value}}    
                            />



        <TouchableOpacity onPress={() => { this.setState({ indexvalue: indexvalue + 1 }) }}><Text style={styles.skiptext}>Skip</Text></TouchableOpacity>

1 Ответ

1 голос
/ 12 апреля 2020

Используйте метод snapToNext () для следующего слайда 

<TouchableOpacity onPress={() => this.SwapSlide.snapToNext()}><Text style={styles.skiptext}>Skip</Text></TouchableOpacity>

Для предыдущего слайда вы можете использовать это. SwapSlide.snapToPrev ()

...