React-native-swiper: Dynamic data loading does not work

Created on 2 Jul 2018  ·  8Comments  ·  Source: leecade/react-native-swiper

Which OS ?

iOS

Version

Which versions are you using:

  • react-native-swiper v? latest version
  • react-native v0.?.? ^0.52.0

the following is my JSON data :
image

the following is my code:
image

Most helpful comment

I have solved this problem in the way mentioned in this link:
issues#720

All 8 comments

me too

Hi, Dynamic loading not working for me as well . but when I am making data static it's working fine. Is there any limitation of this tool on dynamic loading?

Example in https://github.com/leecade/react-native-swiper/blob/master/examples/components/Dynamic/index.js example doesn't seems to be working as well.

Team, I can also see there is not much activities on this plug-ins to address open issues(390+ open issues) as well, are you guys planning to continue support for his plug-in ?

Same problem here , dynamic data loading works fine on Android, but not on IOS.
in my case I'm using a MAP function to load multiple Views into the swiper. On IOS the views are mounted on top of eachother

I have solved this problem in the way mentioned in this link:
issues#720

I have used child components as each swipe page.
// for eg
// child components
export default component1 Site extends Component {
render(){
return <Text>Component1</Text>
}
}

// parent component (Having swiper)
<Swiper
ref={el => this.contentRef(el)}
scrollEnabled={true}
loop={false}
showsButtons={false}
showsPagination={false}
<Component1 />
<Component2 />
<Component3 />
<Component4 />
<Component5 />
</Swiper>

Now I have to show dynamic show/hide pages based on i had values like

  • showComponent1 == true
  • showComponent2 == false
  • showComponent3 == false
  • showComponent4 == true

when I applied it as following,
<Swiper
ref={el => this.contentRef(el)}
scrollEnabled={true}
loop={false}
showsButtons={false}
showsPagination={false}
{ showComponent1 && <Component1 />}
{ showComponent2 && <Component2 />}
{ showComponent3 && <Component3 />}
{ showComponent4 &&<Component4 />}
<Component5 />
</Swiper>

Problem:

  • It still display component2 and component3 in swiper. I cant use array or map for rendering pages in swiper because each are different components

Same issue with me.

same here

same here

Was this page helpful?
0 / 5 - 0 ratings

Related issues

commit-master picture commit-master  ·  3Comments

nicolabortignon picture nicolabortignon  ·  3Comments

gwhite-dayspring picture gwhite-dayspring  ·  3Comments

ruben-kasaz picture ruben-kasaz  ·  3Comments

tibic picture tibic  ·  3Comments