問題タブ [flutter-navigation]

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 に答える
65 参照

flutter - ビルド関数が null を返しました。問題のあるウィジェットは次のとおりです: StoryCamera

このページにフル カメラ ディスプレイを表示しようとしていますが、実行すると null が返されます。カメラのページを作成するのはこれが初めての試みなので、物事があちこちに見えるかもしれません。

StoryCamera.dart

エラーは、このページに移動する前のページも指しています。

StoryPage.dart

なぜこれが起こっているのか誰にも教えてもらえますか?

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

flutter - 提供された値の変更に基づいて UI を変更する

指定されたブール値(isLoggedIn)がtrueに変更された場合、新しい画面に移動したい画面があります。ビルド中に Navigator を呼び出すことができないため、以下の最初のビルド方法は使用できません。プロバイダーを使用するにはコンテキストにアクセスする必要があるため、ビルドでこれを実行しようとしました。Authorization のプロバイダーからの isLoggedIn の値は、いつでも変更される可能性があるため、これを確認する必要があります。

プロバイダーとナビゲーターを使用してこれを解決するにはどうすればよいですか?

次のようにナビゲーターなしでそれを行うことができます:

しかし、それが堅実なアプローチである場合、私は今はしません。

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

flutter - Flutter、複数スタックの設定画面

ここの記事で、下部のナビゲーション バーのアウトラインを使用して複数のスタックを作成する方法を使用しています。

それはすべてうまくいきますが、方法に気付いていないテクニックがいくつかあるため、アプリでナビゲートする方法を見つけるのに苦労しています.

フィードに戻るボタンがあるプロファイル用の画面を作成しようとしています。tab_navigator でいくつかの凝った処理が行われているため、これを行う方法がわかりません。誰でも助けることができますか?

タブ ナビゲーターのコードは次のとおりです。

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

flutter - Flutter (初期化) で MaterialApp を使用せずに Navigator クラスを直接使用する

Navigator がどのように機能するかをよりよく理解し、最終的に高度にカスタマイズされたナビゲーション スキームを作成できるようにするために、MaterialApp のフードの下にある Navigator を使用する代わりに、Navigator を明示的にコーディングしようとしています。

次のコードはエラーを返しますが、Null check operator used on a null value提供する必要があると認識しているすべてのフィールドが提供されています。コメント付きのコードが含まれていると、設定可能なすべてのナビゲーター フィールドが設定され、エラー メッセージが表示されます。

このエラー メッセージの原因となっている null 値は何ですか?

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

flutter - Flutter ネストされた宣言型ナビゲーション

NavigationFlutter Material モバイル アプリに新しい宣言型スタイルを実装しようとしています。Scaffolds の [戻る] ボタンを使用してページを 1 つずつポップできるように、複数のページを重ねて表示したいと考えています。

例: アプリには、朝食の食材を一覧表示するメイン画面、すべての食材の詳細ページ、最後に詳細ページから開くことができる特定の食材が好きな人を一覧表示するページがあります。ナビゲーション部分だけに焦点を当てると、これがセットアップです。

最小限の作業バージョンを参照してください (状態管理と単純化のために他のすべてを省略しています): https://dartpad.dev/3d3451aba0f97016ae8c4b86a8b132bb

pagesナビゲーション ポップは期待どおりに機能します。アプリはリストで定義された最後のページから開始し、 [Scaffold戻る] ボタンをクリックすると、ページを 1 つずつトップ レベルのページまでポップできます。ここまでは順調ですね。

ここで、ウィジェットを整理して、「気に入った人」サブページに移動するのはもはや責任ではMainNavなく、成分詳細ページの責任になるようにしたいと思います。詳細ページをページ スタックにプッシュする中間体を導入し、Navigation必要に応じて「気に入った人...」ページも導入しました。お気に入り:

ライブバージョンを見る: https://dartpad.dev/d0c38e2ec443aafc30d9e9f82ef158d9

ここで何が起こるかというと、リストから最後のページをポップした後、「クリスピー ベーコン」ページにいるので、これをポップして「朝食の食材」ページのリストに戻る可能性はありません。おそらく、ナビゲーション コンテキストに関する基本的なことが欠けています。これは、階層的で宣言的なスタイルのナビゲーションを実装する方法ではありません。

質問: 宣言型ナビゲーションの概念のみを使用して、ナビゲーション タスクをウィジェット階層に委譲する方法は? ネストされたNavigationウィジェットを作成し、すべてのウィジェットをpages単一のページ階層として動作させる方法はありますか?

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

flutter - フラッター:ページでナビゲーターを使用するときに戻るボタンの押下を処理する方法

Navigator 2.0 メソッドを実装しようとしています。機能しないのは、戻るボタンを押すことだけです。戻るボタンを押すと、アプリが終了し、前のページに移動しません。WillPopPage ウィジェットを試してみましたが、戻るボタンでバイパスされました。

バックプレスで動かないサンプルコードです。

私はすでにこのアプローチで多くのコードを書いているので、もう命令型ナビゲーションに戻ることはできません。このアプローチでバックプレを処理する方法は?

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

flutter - アプリのフラッターをリリースするとナビゲーションが機能しない

ログイン画面からホーム画面に移動して、フラッター アプリに移動したいと考えています。エミュレーターまたは仮想デバイスでアプリをテストすると正常に動作しますが、ビルド リリース apk を作成すると、ホームへのナビゲーションが機能しません。サインアップまたはログイン ページで、ナビゲーションが機能しません。私の主なファイルは次のとおりです。

ホームページに移動したいログイン/サインアップページ:

何か助けはありますか?

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

flutter - Flutter Navigator 2.0 で route.didPop(result) が false に等しいのはいつですか

Flutter Navigator 2.0 の主なメカニズムの 1 つは、RouterDelegate > build > Navigator 内の関数 onPopPage です。ただし、route.didPop(result) が false を返すタイミングがわかりません。

ジョン・ライアンの有名な例を使用して、私の質問を示します。彼のデモコード

すべてのテストで、AppBar の自動生成された戻るボタンを使用すると、route.didPop(result) は true を返します。

ドキュメントはそのままです:

しかし、「ルートが内部的にそれを処理できる場合 (たとえば、内部状態の独自のスタックがあるため)、false を返す」という意味ですか? ルートには内部状態の独自のスタックがありますか? この結果を生成する方法は?

ありがとう、ご安全に

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

flutter - 画像を画像ピッカーとフォトフィルター プラグインに統合するにはどうすればよいですか?

Flutter プログラミングは初めてで、ギャラリーから画像を選択するためのウィジェットを開発しましたが、それを写真フィルター プラグインとうまく統合してアプリに投稿する方法を作成できませんでした。助けてください。コードは少しごちゃごちゃしています。

コード:

前の方法はうまくいきました。

私が試していた新しい方法はうまくいきませんでした。

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

json - Json データを使用した Flutter グリッドビュー アイテム ナビゲーション

グリッド ビューのホームページ アイテムから、選択内容に従ってデータを表示するページ/画面に移動したいと考えています。gridview のアイテムは JSON API (HTTP を使用) からのものであり、アイテムを選択して、ホームページのそれぞれのアイテムのデータを一覧表示するページに移動したいと考えています。すべてJSONから。私はあなたの助けが必要です。フラッターにはまったく新しいです。グリッド ビュー アイテムを使用したホームページ コードを次に示します。

そして、ここにナビゲートしたいページのコードと、それぞれのjsonデータがあります