問題タブ [flutter-scaffold]

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

flutter - FlutterでScaffoldをネストするのは正しいですか?

アプリのホームページに PageView があり、次のことが必要です。

  1. ページに合わせてAppBarが変化
  2. BottomAppBar が修正されました

私が想像した2つのソリューションは次のとおりです。

  1. 難しい問題: appBar、body、bottomNavigationBar を持つ 1 つの Scaffold を用意します。PageView の PageController を使用して、AppBar コンテンツをアニメーション化します...
  2. 2 つのネストされた Scaffold があります: body と bottomNavigationBar を持つメイン 1 つと、AppBar を持つ各 PageView のページにある 2 つ目...

だから私は疑問に思っていましたが、それは機能しますが、構文的には Scaffold をネストするのは「正しい」のでしょうか?

どうもありがとう !

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

flutter - ウィジェット ツリーのプロバイダー - MaterialApp と Scaffold の間のスコープ?

Flutter を使用してクイズ アプリを作成し、プロバイダーに依存して UI を更新しています。私のウィジェット ツリーには 2 つのメイン ブランチがあります。1 つはメニューに関連し、もう 1 つはゲーム ループです。

現在、ゲームループに関連する画面/ブ​​ランチにマルチプロバイダーを使用しています。MaterialApp レベル (つまり、ウィジェット ツリーの一番上) でプロバイダーを使用することは避けたいと思います。ただし、ゲーム ループの一部のコンシューマーでエラー メッセージが表示されます。スコープが問題の原因である可能性があると思います。

マテリアル アプリの下にゲーム ループ (複数の画面/足場で構成される) をカプセル化できるウィジェットはありますか? または、プロバイダーの使用中に Scaffold と MaterialApp の間をラップする別の方法はありますか?

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

flutter - ボトムナビゲーションバーを使用して、足場の本体の内側からルートをプッシュする方法は?

appBar と BottomNavigationBar を持つ Scaffold を含む Nav() Widget 内の main.dart に MaterialApp があります。NavigationBar には 4 つの BottomNavigationBarItems がありますが、アプリ全体で 4 つよりも多くのページがあります。他のページには、最初の BottomNavigationBarItem 'Home' からアクセスできます。しかし、新しい NamedRoute をプッシュすると、AppBar が消えます。この問題を解決するにはどうすればよいですか?

新しいファイルの自分のウィジェットで、bottomNavigationBar を使用してみました。問題: setState() が機能しません。

ここにいくつかのコードがあります

main.dart:

nav.dart

ホーム.ダーツ:

myCard.dart:

コードを改善するためのヒントとコツもお待ちしています。

編集 - 新しい main.dart: