bugfix> android > 投稿

Flutterアプリを作成しています。このようなデザインを作りました。

電子メールとパスワードの高さのTextFormFieldフォームフィールドが小さい。ボタンと同じサイズにしたいです。

final email = TextFormField(
    keyboardType: TextInputType.emailAddress,
    autofocus: false,
    initialValue: 'sathyabaman@gmail.com', 
    style: new TextStyle(fontWeight: FontWeight.normal, color: Colors.white),
    decoration: InputDecoration(
      hintText: 'Email', 
      contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(32.0)
      ),
    ),
  );

テキストフォームフィールドの高さの構文は何ですか。

回答 2 件
  • InputDecorationのcontentPaddingを調整するだけです。

    final email = TextFormField(
        keyboardType: TextInputType.emailAddress,
        autofocus: false,
        initialValue: 'sathyabaman@gmail.com',
        style: new TextStyle(fontWeight: FontWeight.normal, color: Colors.white),
        decoration: InputDecoration(
          hintText: 'Email',
          contentPadding: new EdgeInsets.symmetric(vertical: 25.0, horizontal: 10.0),
          border: OutlineInputBorder(borderRadius: BorderRadius.circular(32.0)),
        ),
      );
    
    

  • このコードを使用して、TextFormFieldをカスタマイズできます。

    new SizedBox(
      width: 200.0,
      height: 300.0,
      child: const Card(child: const Text('Hello World!')),
    )
    
    

あなたの答え