問題タブ [react-native-scrollview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
6 に答える
48492 参照

javascript - RN フラット リストで現在表示されているインデックスを取得する方法

各項目が水平方向のフラット リストです。width:300 私がやろうとしているのは、現在表示されている項目のインデックスを取得することだけです。

これを試しました:

そして、このようなもの:

しかし、何も正確ではありません。常に 1 つのインデックスを上げたり、1 つのインデックスを下げたりします。
フラットリストで正しい現在のインデックスを取得するにはどうすればよいですか?

たとえば、リストの 8 番目にあるリスト項目を取得しますが、インデックスは 9 または 10 になります。
ここに画像の説明を入力

0 投票する
4 に答える
45744 参照

react-native - React Native - 別の画面からのナビゲーション後に ScrollView を特定の場所にスクロールする方法

StackNavigator 経由で現在の画面に移動したときに、特定の位置にスクロールするように ScrollView に指示することは可能ですか?

2 つの画面があります。メニューとアイテム。メニューは、項目ごとに 1 つのボタンのリストです。アイテム画面には、ScrollView を使用して構築されたカルーセルと、各アイテムの画像と詳細な説明が含まれています。

メニュー画面のボタンをクリックすると、アイテム画面に移動し、ボタンが表すアイテムまで自動的にスクロールしたいと考えています。

StackNavigator を次のように使用するときにパラメーターを渡すことができると読みましたが、アイテム画面でそのパラメーターを読み取る方法がわかりません。

これは React Native で可能なことですか?どうすればよいですか? それとも、間違ったナビゲーターを使用していますか?

これは、私の 2 つの画面の単純化されたバージョンです。

App.js:

Menu.js

Items.js

PS 現時点では特に Android をターゲットにしていますが、理想的にはクロスプラットフォーム ソリューションが存在する可能性があります。

0 投票する
3 に答える
2013 参照

react-native - すべてのアイテムを再レンダリングせずに ScrollView にアイテムを追加する

私の現在のユースケースでは、アイテムを に追加していScrollViewます。state にあるアイテム コレクションにアイテムを追加すると、すべてのアイテムが再レンダリングされることに気付きました。

私にできる回避策はありますか?現在の実装は である必要があるため、 List の他の実装ScrollViewへの変更は無関係です。FlatList

ありがとうございました

0 投票する
2 に答える
6790 参照

reactjs - スクロールの方向を見つけようとしている

ユーザーがスクロールしている方向を知る方法ScrollView。方向に基づいてアクションボタンを表示したい。次のコードで方向を見つけようとしています。

したがって、スクロールアップではアラートアップを、スクロールダウンではアラートダウンをアラートしたいと思います。しかし、次のエラーが発生します。

ここに画像の説明を入力

私は何を間違っていますか?または、それを行うより良い方法はありますか?

どうもありがとう!

更新 1:

state.offset を object に変更し、バインドしonScrollて onScroll 関数を setState に変更しました。

しかし、どちらの方向にスクロールしても、アラートがup. 私は何が欠けていますか?