Динамические данные не работают Page Nation Image Slider - PullRequest
Новая
       33

Динамические данные не работают Page Nation Image Slider

0 голосов
/ 10 сентября 2018

Я использую удаленные данные для загрузки слайдера изображений, мой код, но нация страниц не работает, когда Слайд-изображение Перейти к последнему слайду: в этом коде используйте response-native-swiper, но не загружается правильно, я думаю, что проблема для карты ключей

Предварительный просмотр: http://awebmaker.ir/2018-09-10_11-56-17.png

import Swiper from 'react-native-swiper';
const Slide = props => {return (<Image style={styles.image} source={{uri: props.uri}} />)};
class SliderComponent extends Component {constructor (props) {
super(props);  
this.state = {
    dataSource: [],
    index: 0
}}
componentDidMount() {

return fetch('http://awebmaker.ir/top_service/Api/Json/getSlider')
    .then((response) => response.json())
    .then((responseJson) => {
        this.setState({
            dataSource: responseJson,
        }, function() {

        });
    })
    .catch((error) => {
});}

render() {
return (
    <View style={styles.container}>
        <Swiper
            height={200} autoplay>
            {
                this.state.dataSource.map((item, index) => <Slide
                    uri={item.image}
                    i={index}
                    key={index} />)                        
            }
        </Swiper>

    </View>
);}
...