2017-03-01 8 views
0

私は最初のReact Native + Reduxアプリを開発しています。私のアプリでは、私は友人のようなものを開発したいのFacebookのスライダーを要求します。スライダーのようなFacebookフレンドリクエストを実現

enter image description here

あなたはボックスとの少しの現在のコンテンツを見ることができ、スライダー(左/右)があります次のプレビューアイテム。スワイプまたはタップするとコンテンツが「フルスクリーン」になるはずです。左または右にスワイプすることは全画面で無効になります。

現在の、おそらく2つの次のスライドと2つ前のスライドだけを読み込む必要がありますが、これは大きな問題ではありません。

これにはどのコンポーネントを使用しますか?

+1

反応するネイティブスワイパーを見てそこから行ってください。 – Hobbyist

答えて

1

これに簡単にアプローチするには、スワイピングコンポーネントにreact-native-swiperのようなライブラリを使用し、LayoutAnimationを使用して、サブビューをフルスクリーンビューにアニメーション化し、ヘッダー/ etcの名前を削除してください。

+0

ありがとうございます。私は別のListViewをいくつかの説明テキストをタップに表示したい(項目がテキストで高くなっている)。現時点では、新しい高さを計算し、Animated.Viewでアニメーション化しています。この手順は、LayoutAnimationで廃止されるか、または? – rakete

+1

はい、いいえ。私は、特にListView項目を並べ替えるときに、ListViewとLayoutAnimationを一緒に使用して奇妙な問題に遭遇しました。以上のことから、LayoutAnimationを使用して個々のリスト要素のサイズを変更するソリューションを試すことは大歓迎です。私が覚えている限り、個々の要素のサイズを変更するとうまくいきました。定義されていない動作が導入されていないことを確認してください。 – jumploops

関連する問題