[解決済み] TextFieldの高さと幅を変更するには?
2022-07-06 04:26:20
質問
カスタマイズの方法
TextField
's
width
と
height
?
どのように解決するのですか?
幅を調整するために、ラップして
TextField
を
Container
ウィジェットのように
Container(
width: 100.0,
child: TextField()
)
の高さについては、何を求めているのかよくわかりません。
TextField
の高さに関してはよくわかりませんが、間違いなく
TextStyle
ウィジェットを見てみましょう。
fontSize
と
height
Container(
width: 100.0,
child: TextField(
style: TextStyle(
fontSize: 40.0,
height: 2.0,
color: Colors.black
)
)
)
を覚えておいてください。
height
の中に
TextStyle
は、プロパティ自体のコメントにあるように、フォントサイズの乗数です。
このテキストスパンの高さを、フォントサイズの倍数として指定します。
height]がNULLまたは省略された場合、行の高さはフォントのメトリクスによって直接決定されます。 fontSizeと異なる場合があります。 height]がnullでない場合、テキストのスパンの行の高さは[fontSize]の倍数となり、[height]は省略されます。 fontSize]の倍数であり、正確には
fontSize * height
論理ピクセル の高さになります。
最後になりますが、あなたは
decoration
のプロパティに
TextField
であり、これは多くの可能性を与えてくれます。
EDIT。
の内側のパディング/マージンを変更するにはどうすればよいですか?
TextField
を弄ることができます。
InputDecoration
と
decoration
のプロパティは
TextField
. 例えば、次のようなことができます。
TextField(
decoration: const InputDecoration(
contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
)
)
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン