leecade / leecade/react-native-swiper
Pagnization does not work with dynamic components
オープン
まだ誰も着手していません。
- 主要言語
- JavaScript
- スター
- 10.5k
- フォーク
- 2.3k
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
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>
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
まず、提供された react-native-swiper v1.5.6 の例を、最初はハードコードした CardResume コンポーネントで、次に resumeList.map で再現します。Swiper がどのように children を受け取り、ページネーションを更新するかを追跡し、マップされた動的コンポーネントが iOS 上の React Native 0.49 で現在のページネーションドットを正しく強調表示できたら、issue は完了とみなします。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- javascript, react-native
- 領域
- mobile
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 42/100