問題タブ [bodymovin]

ボタンbodymovinの1つにopen状態があり、もう1つのボタンがクリックされた場合、openボタンがclosedになり、アニメーションが再びクリックされたかのように再び実行され、閉じた状態をシミュレートします。 .

たとえば、 をクリックする#boxと、状態を受け取りますopen(アニメーションが実行されて開きます。クリックすると#slider、状態#boxが失われopen、アニメーションが に戻りclosedます。

同じ状況がスライダーにも同様に適用されます。

bodyworks と lottie を使用してカスタム SVG アニメーションをロードしていますが、何らかの理由で GET エラーがスローされています。ファイルへのパスは正しいので、コピーしてブラウザに貼り付けると正常に読み込まれるため、何が問題なのかわかりません。

ファイルはもともとネストされたフォルダーにありましたが、それがエラーの原因である可能性があると考えたので、移動しましたが、まだ読み込めません。どんな助けでもいただければ幸いです

複数の SVG アニメーションを含むページを作成していますが、ページに他の特定の SVG が含まれている場合にのみ、一部が異常にトリミングされていることに気付きました。特定の SVG を設定するdisplay: noneか、削除すると、トリミングが消えます。

このページは、rockcontent によって Ion Interactive と呼ばれるプラットフォーム上に構築されています。

SVG は、bodymovin または lottie と呼ばれるものを使用して AfterEffects からエクスポートされました。

bodymovin を使用して Aftereffect から animation.json ファイルをエクスポートしましたが、フラッター プロジェクトに読み込めません。

この中程度の記事に従いましたが、pubspec.yaml ファイルのアセットにファイル パスを配置した後も、アニメーションをレンダリングできませんでした。

コードをこれに単純化しようとしました：

そして、これはエラーメッセージです：

テキスト付きの動的な投稿ループがあり、宝くじのアニメーション ボタンを配置したいと考えています。ループ内の各投稿には、動的データ属性がありますdata-post_id。ボタンをクリックすると、その特定のボタンにクラスが追加され、再度クリックすると削除されます。

私の問題はdata-post_id、lottielocationパラメーターの値を使用すると何も表示されず、ボタン クラスをパラメーターとして使用するとlocation、lottie ボタンがループ内の最初の投稿にのみ表示されることです。

私は何を間違っていますか？

これが私がこれまでに得たものです：