Невозможно выполнить snapToItem, используя карусель от archriss - PullRequest
0 голосов
/ 25 марта 2019

В данный момент внедряю карусель в мой реагирующий родной андроид. Карусель, которую я реализую, - https://github.com/archriss/react-native-snap-carousel. После прочтения некоторой проблемы мне все еще не удалось решить мою ошибку.

`

constructor(props){
    super(props);
    this.state = {
      activeIndex:0,
      carouselItems:[
        {
          title:"Item 1"
        },
        {
          title:"Item 2"
        },
        {
          title:"Item 3"
        },
        {
          title:"Item 4"
        },
        {
          title:"Item 5"
        },
      ]
    }
  }


  _renderItem({item,index}){
    return(
      <View style={{justifyContent:'center',alignItems:'center'}}>
        <Image source ={require('./assets/avatar.png')}/>
        <Text style={{color:'black'}}>{item.title}</Text>
        <TouchableOpacity onPress={ () => { this._carousel.snapToItem(index+1, true);}}>
        <Image source={require('./assets/bullet.jpg')} style={{width: 200, height: 150}}/>
</TouchableOpacity>
      </View>
    )
  }

  render() {
    // const scrollEnabled = this.state.screenHeight > height;
    return (
      <ScrollView style={styles.body}>
      <Header navigation={this.props.navigation}/>
  <Card> 
        <View> 
        <Carousel
              ref={ ref=> { this._carousel = ref; }}
              data={this.state.carouselItems}
              renderItem={this._renderItem}
              sliderWidth={250}
              itemWidth={250}
              renderItem = {this._renderItem}
              onSnapToItem={
                index => this.setState({activeIndex:index})
              }
            />
      </View>
      <TouchableHighlight            
            onPress={() => { this.carousel._snapToItem(this.state.activeIndex-1)}}>
            <Image source={require('./assets/bullet.jpg')} style={{height:10,width:10}}/>                
        </TouchableHighlight>
      </Card>`

Я пытаюсь также разместить нумерацию страниц под изображением. Извините за плохую публикацию нового в программировании и stackoverflow.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...