2017-04-20 4 views
0

私はこれらのような質問をしてきましたが、私が念頭に置いている基準には一致しておらず、ほとんどの回答があなたにライブラリの使用を依頼しています。私はpraticeの目的のために、まさにこのような画面/カードのためのアニメーションを構築したいライブラリを使用せずに反応ネイティブで次の/前の画面/カードを取得するには、フルスクリーン/カードをスワイプする方法はありますか?

はネイティブリアクト:Inshorts

私はしたくない人のために達成しようとしていますアニメーションのビデオを追加していあなたがこのアプリをインストールした場合

https://www.youtube.com/watch?v=-lvrU34Jt50

そう、あなたが次のニュースを読んだり、以前のニュースを読むために下にスワイプしてカードをスワイプすることができ、そのいずれかを観察することができます。アプリをインストール

カードを半分スワイプすると、スワイプされているカードの真下にスタックされたカードの内容が少し見えます。そして、あなたが下にスワイプすると同じことが起こります。

私はこれがパンニングだと知っていますが、私が本当に混乱しているのは、どのようにしてReact Nativeでこれを達成できるのでしょうか?

Navigatorを使用してもいいですか?Navigatorを使用する必要はありませんか?

絶対位置を使用してカードを積み重ねる必要がありますか?

コードの後に​​はありません。私が知る必要があるのは、それを達成するためのアプローチであるべきことは何ですか?

カードを裏返してもう一方のカードを手にしても問題ありません。しかし、ユーザーが現在のカードを上にパンし始めたばかりの間に、スタック内の次のカードを垣間見るにはどうしたらいいですか?

お願い:私はReact Nativeライブラリを使用してこれを行いたくありません。

答えて

0
  1. Navigatorを使用せずにこれを行うには、パン処理を実装する必要があります。しかし、スタックのプッシュ・ビューとポップ・ビューも実装する必要があります。

  2. この機能の大半は、React Nativeに同梱されているNavigatorを使用しています。 カスタムNavigator Scene Configを作成し、ナビゲータスタックからビューをプッシュしてポップするためのカスタムジェスチャを調べることをお勧めします。別のユーザーが全体の画像をドラッグ可能にする方法の例を次に示します。https://stackoverflow.com/a/40471281/1883144

関連する問題