問題タブ [flutter]

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

dart - 配置されたテキスト ブロックの背景色をフォーマットするにはどうすればよいですか?

Stack 内の Image 要素の上に配置された Text 要素があります。その Text 要素にシンプルな背景色を適用して、キャプション ボックスのようにテキストを囲みたいと思います。

希望の出力

これを行うには、Container を別の配置された子としてその Stack に挿入します。しかし、テキスト文字列が変更されるたびに幅を再計算する必要があり、これは最適ではありません。より良い方法はありますか?

1 つの貧弱なアプローチ

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

flutter - Flutter Scaffold にマテリアル デザイン準拠のパディングを適用するにはどうすればよいですか?

を利用する Flutter アプリケーションを作成しpackage:flutter/material.dartました。iOS シミュレーターでアプリを実行すると、次のようになります。ご覧のとおり、1 つの行のコンポーネント間にパディングはなく、コンポーネントはパディング/マージン/ボーダーなしで上下左右に達しています。私の質問は:

Convert to とドロップダウン ボタンの間の label-component-gap など、Material に準拠したパディングを適用するための推奨される方法は何ですか。コンポーネントをコンテナに詰めて、そこにパディングを適用しますか?

事前にどうもありがとうございました。

Flutter アプリケーションの動作

これはアプリケーション コードです。

問題は、Flutter に何かが欠けていることを意味するものでは決してありません。私はただそれを正しくしたいだけです。;-)

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

flutter - testWidgets メソッドの「非同期」の理由は何ですか?

ウィジェットのテストで見つけたすべての例では、署名付きのメソッドを記述していますtestWidgets('name of the test', (WidgetTester tester) async。そのasync部分は、テスト フレームワークの何らかの要件によって常に必要ですawaitか、それともメソッド本体のどこかで Future 呼び出しを使用または作成している場合にのみ必要ですか?

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

flutter - 単体テスト中に StatefulWidget の State の内容にアクセスするにはどうすればよいですか?

私は StatefulWidget (それを呼び出すMyWidget) を持っています。その State ( ) には、次のように初期化されるMyWidgetStateフィールドがあります。myDatainitState()

ユーザーがボタンを押すと、myData がグローバル リストに追加またはグローバル リストから削除されます。

この動作をテストする単体テストを作成しようとしていますが、MyWidgetState にアクセスする方法がわかりません。これを setup() に含めてみました:

しかし、initState() を試みるたびにクラッシュし、「someField が null で呼び出された」と不平を言います。それはいいです。私はおそらくそのようにしようとして不正行為をしていたので、WidgetBuilder で何かを行うか、MyWidget を使用してアプリケーションを起動し、適切にインスタンス化されたらツリーで MyWidget を見つける必要があります。

そのすべてを行った場合、その MyWidget の MyWidgetState にアクセスして myData のコピーを取得し、それをグローバル リストと比較するにはどうすればよいでしょうか?

0 投票する
3 に答える
441 参照

flutter - Windows マシンに Flutter をインストールできません

Windows ラップトップで Flutter を構成するのに苦労しています。Flutter は Windows でサポートされていますか。

0 投票する
13 に答える
210992 参照

flutter - フラッターの wrap_content と match_parent に相当しますか?

Android ではmatch_parentwrap_contentウィジェットに含まれるコンテンツの親に対してウィジェットのサイズを自動的に変更するために使用されます。

Flutter では、デフォルトですべてのウィジェットが に設定されているようですが、それを塗りつぶして親のものwrap_contentにできるように変更するにはどうすればよいですか?widthheight

0 投票する
3 に答える
4702 参照

unit-testing - タップされたウィジェットがタイマーを起動するときに単体テストを実行するにはどうすればよいですか?

クリックするとID番号を保存し、CircularProgressIndicatorを1000ミリ秒オーバーレイしてから、進行状況インジケーターをポップしてユーザーを別のページにルーティングするウィジェットがあります。

ProgressIndicator と Timer を使用したこのビットは新しく、単体テストが壊れているため、次のエラーが発生します。

壊れたテストは次のようになります。

ウィジェット ツリーを破棄する前に遅延を導入する方法はありますか? 他のオプションは何ですか? それとも、問題の根本原因について間違っていますか?

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

flutter - 画像の 1/3 を全画面表示にする方法

切り取って複数の画面に表示したい画像があります。画像の 3 分の 1 が画面全体を占めるようにします。

これまでのところ、画像の 1/3 が画面の 1/3 を占めるようにすることができます。

}

しかし、1/3が画面全体を占めるようにする方法について銀行を描いています。

0 投票する
3 に答える
20687 参照

flutter - Flutter のテキスト入力フィールドで自動大文字化動作を構成するにはどうすればよいですか?

Windows で Flutter 開発を試しています。InputField を使用した簡単なテスト アプリがあります。最初のキーボード入力を大文字にしたいのですが、現時点ではそれを実現する方法がわかりません(たとえば、シフトを押したままキーボードを起動するなど)。何か案は?

コード (少し簡略化) は次のとおりです。

0 投票する
7 に答える
21492 参照

textfield - maxLines 属性を拡張すると、複数行の TextFormField を自動的にスクロールします

maxLines 属性を 3 に設定して TextFormField を実装しています。ユーザーが 4 行目から始めたら、TextFormField を下にスクロールするにはどうすればよいですか? 現時点では、ユーザーが手で下にスクロールするまで、カーソルは表示されません。これを自動的に行う方法はありますか?

この動作は、実際には flutter_gallery アプリの「テキスト フィールド」の例で取り上げられています。4 行目まで、「ライブ ストーリー」入力に長いテキストを入力するだけです。
私のコードの重要な部分は、実際には次のようになります。

これまでのところ、この問題の回避策は見つかりませんでした。
この問題は、iOS と Android の両方に影響します。