В данный момент внедряю карусель в мой реагирующий родной андроид. Карусель, которую я реализую, - 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.