1. ホーム
  2. flutter

[解決済み] TextFieldの高さと幅を変更するには?

2022-07-06 04:26:20

質問

カスタマイズの方法 TextField 's widthheight ?

どのように解決するのですか?

幅を調整するために、ラップして TextFieldContainer ウィジェットのように

Container(              
  width: 100.0,
  child: TextField()
)

の高さについては、何を求めているのかよくわかりません。 TextField の高さに関してはよくわかりませんが、間違いなく TextStyle ウィジェットを見てみましょう。 fontSizeheight

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

を弄ることができます。 InputDecorationdecoration のプロパティは TextField . 例えば、次のようなことができます。

TextField(                                
    decoration: const InputDecoration(
        contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
    )
)