問題タブ [flare]

更新：これの最後にcodesanboxを追加し、何をする必要があるかについてのより詳細な説明を追加しました。

クラスが React でどのように機能するかよくわかりません。私は反応するのが初めてで、useState を少し使用しましたが、クラスをどうするかはわかりません。このreactパッケージを使用しています。これには、コントローラーを使用してアニメーションをインタラクティブにする方法の例があり、現在はriveと呼ばれるフレアで構築されています。https://github.com/2d-inc/Flare-React#readme

私が達成したいのは、生成されたキャンバス要素にカーソルを合わせたときに、別のアニメーションを実行するか、同じアニメーションを再度実行することです。同じ .flr ファイルに出力される flate(rive) で 2 番目のアニメーションを作成できます。その後、コントローラーでそれを参照し、ホバーで実行できるようにする必要があります。このコントローラーを機能させることさえできます。注意すべきことの 1 つは、コントローラーがなくてもアニメーションを正常に実行できることです。

ドキュメントには、このサンプルコードがあります

そもそもコンストラクタとは？超 とはどういう意味ですか? 次に、コンストラクターで何を定義していますか、それは何らかの状態ですか、ここで何を定義するかをどのように決定しますか?

初期化されたものについては、上記の状態に一致すると仮定し、フレア（rive）で名前を付けた名前でアニメーションを取得します

私が本当に理解していない事前部分はthis._WalkTime += elapsed;、アニメーションを実行する時間にアニメーションを設定していますか? 適用セクションを理解していると思います。アニメーションに期間を適用しています。

次に、このコードがあります

これが私の試みたコードです。現在、次のエラーが発生します

TypeError: Cannot set property 'state' of undefined

参考までに、アニメーションをインタラクティブにする方法に関するチュートリアルがありますが、これはフラッター用ですが、API https://medium.com/rive/building-a-responsive-house-with-flare-flutter-に関するいくつかの洞察があります。 31af823ba805

アップデート

これは、es6 のクラスを読み込もうとした後に試みた新しいコードです。まだ詳細を学ぶ必要があります。

では、クリックやホバーなどのイベントで 2 番目のアニメーションを実行するにはどうすればよいでしょうか。アニメーションが 1 回実行されるようになりましたが、コントローラーの使用方法がわかりません。

わかりました誰かがここで助けてくれることを願っています.codesandboxを作成したので、誰かが私が達成しようとしていることを見ることができます. ページには 2 つのアニメーションがあり、最初のアニメーションは 2 つをミキシングするコントローラーを持ち、次に他の 2 つのアニメーションが表示されます。私がやりたいのは、最初のアニメーションの実行と、次にホバーで実行する 2 番目のアニメーションです。コードサンドボックスはこちらhttps://codesandbox.io/s/frosty-water-jnj9m

フラッター Web で同じアニメーションを使用してアプリを開発しました。しかし、そのスローエラー。flutter のバイナリ ファイルをダウンロードしてフレアに提供しましたが、機能しません。Android では同じコードがうまく機能しますが、フラッター Web Plzz ヘルプではエラーがスローされます。エラー：

コード：