問題タブ [flutter-animation]

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

flutter - Flutter のアニメーションをグローバルに遅くする

Flutter フレームワークには、すべてのウィジェットのアニメーション/実行速度を調整するために使用できる関数またはメソッドがあります。

これはサービスだと思います

私はそれをどのように呼ぶことができるかを忘れてしまい、それを説明するリソースを見つけることができませんでした + どこで見つけたのかわかりません.

これは単純な1 つのライナーにすぎないため、これ以上提供する情報はありません。誰かが私が話していることを知っていることを願っています。

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

flutter - flutter、PageRouteBuilder、水平遷移の追加

iOS のネイティブ ナビゲーション トランジションは RightToLeft です。ANDROID のネイティブ ナビゲーション トランジションは、下から上です。Flutter のネイティブ ナビゲーション トランジションをオーバーライドして、iOS と ANDROID で同じ右から左へのトランジションを実現したいと考えています。これを行うために、私は PageRouteBuilder を使用しようとしていますが、うまく動作しません。最初のコード ブロックです。動作する非常に基本的な画面がありますが、ネイティブに動作します。2 番目のスニペットには、統合しようとしているナビゲーション遷移コードが含まれています。

私が修正しようとしているコード。


これは私が追加しようとしている遷移コードです。

0 投票する
1 に答える
14519 参照

animation - Flutter -Loader アニメーションでのスケール遷移

高さと幅が 0 から高さと幅が 90 になるスケール トランジションを持つ 1 つのコンテナーを作成しました。

今、私がやりたかったのは、成長するにつれてゆっくりとフェードアウトすることです。不透明度用に別のアニメーションコントローラーを作成する必要がありますか? それを行う最良の方法は何ですか?誰かが助けてくれますか?

私のコードは次のようになります


SSはこちら

ここに画像の説明を入力 ここに画像の説明を入力

ありがとう !!!返事を期待して……


0 投票する
1 に答える
2496 参照

flutter - ListView.builder reverse:true で RefreshIndicator を一番上に表示する方法

ユーザーにメッセージのリストが表示される単純なメッセージングシステムを構築しています。

メッセージングページを読み込んだときにリストを一番下に表示したいので、reverse:true の ListView.Builder があります。

プルダウンして一番上までスクロールすると、更新インジケーターが表示され、ほとんどの一般的なチャット アプリケーションと同様に、以前のメッセージを読み込めるようになります。

ただし、リストに reverse:true があるため、RefreshIndicator の使用中に前のメッセージをロードするには、画面の下部でプルアップする必要があります。

reverse:true を使用しているときに、上ではなく下に引っ張ったときに RefreshIndicator をトリガーする方法はありますか?

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

flutter - FlutterでPageViewページの上にHeroウィジェットを保持しますか?

ページをスクロールしてもヒーローがまったく動かないように、PageView のページの上にヒーロー ウィジェットを表示したいと考えています。

これは私のページのビルダーです:

これは私のPageViewです:

現在、ページをスクロールすると、ヒーロー ウィジェットは通常のウィジェットのように動作し、ページと共にスクロールされます。常に表示するにはどうすればよいですか?

前もって感謝します

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

android - LinearProgressIndicator フラッターの使用法

私はフラッターを学んでいますが、それが正しい決定であるかどうかはわかりません。Material LibreryのLinearProgressIndicatorコンポーネントを使用したいのですが、使用方法がわかりませんでした。このコードを試しました:

しかし、私は常にこのエラーが発生します

それをどのようにsloveするか、私はこのデモFlutter Progress Indicator Demoをやろうとしましたが、同じ結果です誰でもそれについての作業例で私を助けることができますか、私のコードで何が間違っているのか教えてくれますか?? よろしく

エラーのスクリーンショット

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

flutter - Flutter アニメーションをビデオに直接レンダリングする

Flutter が独自のグラフィック エンジンを使用していることを考えると、Flutter アニメーションをビデオに直接レンダリングする方法や、フレームごとにスクリーンショットを作成する方法はありますか?

使用例の 1 つは、これにより聴衆へのデモンストレーションが容易になることです。

たとえば、作成者は Flutter アニメーション チュートリアルを作成したいと考えています。このチュートリアルでは、Flutter で直接レンダリングされたアニメーション GIF/ビデオを使用して、デモ アプリを構築し、関連するブログ投稿を作成します。

もう 1 つの例は、UI チーム外の 1 人の開発者が、複雑なアニメーションに小さな間違いがあることを発見した場合です。アニメーション コードを実際に学習しなくても、アニメーションをビデオにレンダリングし、その短いクリップに注釈を付けて編集し、診断のために UI チームに送信できます。

0 投票する
1 に答える
2658 参照

flutter - フラッターでボトムバーを動的に非表示および表示する方法

フラッターでアプリを作成しましたが、見つけるのが難しいいくつかの問題があり、そのうちの1つはダイナミックボトムバーです

このコードと同じように、bottomNavigationBar を使用しています。

私が望むのは、通常は(アプリを起動するか何かをするだけで)下部のアプリバー(新しいBottomDrawer)が表示されず、スペースが必要です
が、ユーザーが下部をスライドすると(左、右の引き出しのように)表示されて取ることですどうすればそれを行うことができますか?

0 投票する
1 に答える
927 参照

flutter - Flutter でジェスチャの速度を検出する

Flutter でジェスチャ速度を検出する方法を探しています。同様に、縦方向のジェスチャーを検出したいとします。ユーザーがどれだけ速くスワイプしたかを検出し、それに応じてアクションを適用することは可能ですか?

グーグルで検索しましたが、Flutter でジェスチャーの速度を検出する方法が見つかりませんでした。

前もって感謝します。

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

flutter - フラッターでウィジェットを画面外にスライドさせる

現在、2 つのボタンとテキスト入力の 3 つの要素を持つウィジェットがあります。テキスト入力フォーカスでは、ボタンを画面からスライドさせ、テキスト入力を拡大して残りの幅を占有したいと考えています。

コンポーネントを画面外にスライドさせてテキスト フィールドの展開をアニメーション化するために使用できるフラッター コンポーネント (アニメーションなど) はありますか?