leecade / leecade/react-native-swiper

Pagnization does not work with dynamic components

オープン
#653 コメント 20 件 リアクション 3 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
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>

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. 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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。