leecade / leecade/react-native-swiper
Pagnization does not work with dynamic components
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 10.5k
- Forks
- 2.3k
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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>
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das bereitgestellte react-native-swiper v1.5.6-Beispiel zunächst mit fest codierten CardResume-Komponenten und anschließend mit resumeList.map nachzustellen. Verfolge, wie der Swiper seine Children erhält und die Pagination aktualisiert, und betrachte das Issue als abgeschlossen, wenn zugeordneten dynamischen Komponenten auf iOS mit React Native 0.49 den aktuellen Pagination-Punkt korrekt hervorheben.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react-native
- Bereich
- mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 42/100