問題タブ [flutter-bottomnavigation]

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

flutter - BottomNavigationBar とプロバイダー?

下部のナビゲーション バーを使用し、下部に 3 つのボタンを追加しました。setsate でページを交換していました。これらのボタンは正常に機能します。しかし、これらのボタンで呼び出されたページ内で別のページを呼び出すと、BottomNavigationBar が消えます。私はそれを調査し、これが私をクリックすることを発見しました。Provider を使用してページを呼び出すことは論理的ですか? すべてのページをメモリに保持していると思いますが、RAM を消費しすぎていませんか?

これは私のホームページです。 テキストをクリックすると、BottomNavigationBar が消えます

私はこれが好きですが これしたい 、私のコードはこれを実行します これではない

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

flutter - 背景のコンテンツに影響を与えずにボトム ナビゲーション バーの角を曲げるには? フラッター

フラッター付きのカスタム ボトム ナビゲーション バーを作成しました。しかし、曲がった角の後ろの背景が白い色で塗りつぶされているのが見えます。背景の内容が見たいです。

下のナビゲーションバーはこんな感じ。

ここに画像の説明を入力

ご覧のとおり、角は白い色で塗りつぶされています。

これは、下部のナビゲーション バーのコードです。

コンテナの色を透明にしてみました。しかし、うまくいきませんでした。

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

flutter - Flutter の BottomNavigationTab の問題 - 選択したタブ以外のウィジェットを更新する

基本的なレイアウトをコーディングしたときにいくつか問題がありました。つまり、インデックスが 2 つ離れたカードを選択すると、コンソールに通知が表示され、特定のウィジェットの開始時に機能の各タブに表示されることがわかりました。 、選択した 1 つのタブを更新する代わりに、隣接するタブを更新し、最後にターゲットのタブを更新します。以下のコードで写真を投稿し、何が問題なのか教えてください! :)

パネル UI

コンソール出力

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

flutter - Flutter: ナビゲーションがネストされた下部ナビゲーション バーと、タブが変更されたときのルート ページの復元

Flutter 開発は初めてです。また、ボトム ナビゲーション バーを理解するために、複数のチュートリアルを行ってきました。

これらのチュートリアルを試しましたが、必要な要件を満たすことができません。私が従ったチュートリアル:

  1. https://codewithandrea.com/articles/multiple-navigators-bottom-navigation-bar/
  2. https://medium.com/flutter/getting-to-the-bottom-of-navigation-in-flutter-b3e440b9386
  3. https://medium.com/@theboringdeveloper/common-bottom-navigation-bar-flutter-e3693305d2d

ネストされたルートがあるので、個人的には最初のチュートリアルが好きでした。

情報:

ホーム、カレンダー、プロフィールの 3 つのタブがあるボトム ナビゲーションがあります。

ホームタブにはスクリーンがあります: Screen2カレンダーにはスクリーンがあります: Screen3プロファイルにはスクリーンがあります: Screen4

問題:

画面の状態を保持する下部のナビゲーション バー (これは良いことです)。

ホーム画面には、 Screen2を開くボタンがあります。ユーザーがクリックすると、Screen2 がプッシュされます。ユーザーがカレンダー (タブ) をクリックすると、カレンダー画面が表示されます。ここで、ユーザーが再度ホーム ボタン (タブ) をクリックすると、ユーザーに Screen2 が表示されます。そのルート(ホーム)の一部だったからです。ホーム画面のみを表示する場所。

そして、私はそれをリセットしたいだけです。基本的に、ホーム画面はホーム画面をプッシュし、ホーム ページのすべての子をポップする必要があります。タブ切り替え時。

コード:

main.dart

main_screen.dart

home_page.dart

calendar_page.dart

誰かが私を方向に向けることができれば、本当に感謝しています。前もって感謝します。

要件: タブがあり、各タブはそれぞれの画面 (ScreenX-> ScreenY-> ScreenN) になります。タブが切り替えられると、タブのすべての子がポップされます。これが理解できることを願っています(申し訳ありませんが、私の英語は苦手です)。

ここで何が欠けていますか?