問題タブ [react-native-reanimated]

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 投票する
0 に答える
156 参照

react-native - react-native-reanimated のために開始したクロックは常に停止する必要がありますか?

無限のアニメーションを表示する Progress コンポーネントを作成したので、例のような runTiming() 関数があります。

ただし、この例ではクロックが停止していないので、これは良い習慣でしょうか? 私の直感では、componentWillUnmount でクロックを停止する必要がありますが、それを行う方法を見つけることができませんでした。

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

reactjs - React-native-reanimated:「./useValue」を解決できません

反応ネイティブアプリを構築しようとしています。端末でエラーが発生しました

Unable to resolve "./useValue" from "node_modules\react-native-reanimated\src\Animated.js"

react-native-reanimated を予想されるバージョン範囲に再インストールしました。

`プロジェクトの依存関係の一部は、現在インストールされている expo パッケージのバージョンと互換性がありません:

  • react-native-reanimated - 予想されるバージョン範囲: ~1.9.0 - 実際にインストールされたバージョン: ^1.10.1 パッケージの正しいバージョンをインストールするまで、プロジェクトが正しく動作しない可能性があります。これらのパッケージの正しいバージョンをインストールするには、次を実行してください: expo install [package-name ...]`

したがって、次のようにコードを実行します: npm install react-native-reanimated@1.9.0、それでもエラーコードに遭遇します。

私は本当にこれについていくつかの助けを使うことができます.

0 投票する
0 に答える
445 参照

react-native - React Native: react-native-reanimated の useRef による以前のレンダリング時よりも多くのフックをレンダリングしました

私の RN 0.62.2 アプリでは、アニメーション値の宣言が use に変更された後にエラーが発生しますuseRef。エラーのないコードは次のとおりです。

それは機能的なコンポーネントであり、私は追加されたのドキュメントに従っています:react-native-reanimateduseRef

変更後、上記の行でエラーがスローされます。

以下を試してみましたが、問題は同じです:

試しuseValueてみましたが、エラーは同じです。上記のリンクのドキュメント以外でのuseRef使用方法に関する情報はあまりありません。react-native-reanimated

ここに画像の説明を入力

アップデート:

コードが長すぎて面倒です。メソッドdisplayImgは、親コンポーネントによって定義された領域に単一の画像を表示することです。親コンポーネントに複数の画像 (dateLen > 1) がある場合、表示されるすべての画像displayImgをドラッグでき、アニメーションが必要になります。useRef各再レンダリング後にステータスを維持するために使用されています。