Q&A
### 実現したいこと
TextFieldを使って検索バーを作成しているのですが、prefixIcon、suffixIcon、入力中の縦の線、全てがガタガタなのですが、これを一直線に中央寄せすることは可能なのでしょうか?
追記
ta.fu様に教えていただいた、 「textAlignVertical: TextAlignVertical.center」を設定したら右側二つだけ中央寄せすることができたのですが、右側のiconButtonだけ下にずれてしまいます。
(わかりやすくcontanairでラップして色付けしました。)
該当のソースコード
Dart
1 TextField( 2 controller: _controller, 3 decoration: InputDecoration( 4 prefixIcon: Icon( 5 Icons.search, 6 size: 10 7 ), 8 suffixIcon: IconButton( 9 onPressed: null, 10 icon: Icon(Icons.clear, size: 10), 11 iconSize: 10, 12 ), 13 enabledBorder: InputBorder.none, 14 focusedBorder: InputBorder.none, 15 isDense: true, 16 ), 17 onSubmitted: (text) => _submission(text), 18 ),
補足情報(FW/ツールのバージョンなど)
[✓] Flutter (Channel stable, 3.7.4, on macOS 13.1 22C65 darwin-arm64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.73.0)
[✓] Connected device (3 available)
[✓] HTTP Host Availability
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2023/03/09 12:47
2023/03/09 12:50
2023/03/09 13:17
2023/03/09 13:30