React-native-swiper: Mixing static and dynamic items

Created on 15 Sep 2017 · 2Comments · Source: leecade/react-native-swiper

Hi,

I saw, that you added support for dynamic items. This is working well. Using multiple static items is working well too. But if I have one static item and multiple dynamic items the swiper only shows the static + one of the dynamic. So I always get two "pages".

Any ideas how to solve this?

Source

lukasreusch

👍2

Most helpful comment

I dont know if this will help you but I had a similar problem and I solved it with something like this. Making a new array containing the dynamic and static items using ES6 spread seems to fix it.

render(){
    const generatedArray = something.map(thing => somethingToReturn);
    return(
        {
        [
          // previously defined array which will get updated at some point
        ...generatedArray,
        // static slide
        <View style={styles.slide} key={uuid.v4()}>
          <Button
            title="end quiz"
            action={() => console.log("ended")}
          />
        </View>,
        ]
        }
    )
}

VanceLongwill on 16 Sep 2017

❤2 🎉2

All 2 comments

I dont know if this will help you but I had a similar problem and I solved it with something like this. Making a new array containing the dynamic and static items using ES6 spread seems to fix it.

render(){
    const generatedArray = something.map(thing => somethingToReturn);
    return(
        {
        [
          // previously defined array which will get updated at some point
        ...generatedArray,
        // static slide
        <View style={styles.slide} key={uuid.v4()}>
          <Button
            title="end quiz"
            action={() => console.log("ended")}
          />
        </View>,
        ]
        }
    )
}

VanceLongwill on 16 Sep 2017

❤2 🎉2

Your workaround works fine ! Thanks !