leecade / leecade/react-native-swiper
Pagnization does not work with dynamic components
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 10.5k
- Fork
- 2.3k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
Which OS ?
iOS
Version
Which versions are you using:
- react-native-swiper v1.5.6
- react-native v0.49
Expected behavior
Pagnization dots indicate current swipe-item's index
Actual behavior
only the first dot is highlighted
I have tried to use a few hard-coded mock CardResume and the paganization works fine with correct indication, but once I switch to using map the paganization indicators stopped working
```
<Swiper
style={{}}
height={height*0.7}>
{this.state.resumeList.map((resumePreview, index) => {
this.fakedata.resumeName = resumePreview.headline
return (
<CardResume
key={index}
style={{margin: "5%"}}
data={this.fakedata}
onPress={() => this.props.navigation.navigate('Details', { resumeID: resumePreview.profile_id })}
/>
)
})}
</Swiper>
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia riproducendo l'esempio fornito di react-native-swiper v1.5.6 prima con componenti CardResume hard-coded e poi con resumeList.map. Traccia il modo in cui lo Swiper riceve i propri children e aggiorna la paginazione, e considera completata la issue quando i componenti dinamici generati dal mapping evidenziano correttamente il punto di paginazione corrente su iOS con React Native 0.49.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react-native
- Ambito
- mobile
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 42/100