TextFormField increase height with proper alignment

Content Index :

TextFormField increase height with proper alignment
How to get height of a TextFormField
Flutter increase height of TextFormField
Validator error message changes TextFormField's height
How to increase Card elevation when TextFormField focused?
Proper HTML alignment/sizing of two adjacent 50%-width/equal height fieldsets with a 100%-width below?

TextFormField increase height with proper alignment

Tag : flutter , By : Josh

Date : January 12 2021, 09:11 PM

should help you out I'm trying to make my TextFormField 'bigger'. I tried this code, it does make it bigger, but if I type (here: qwerty) it starts in the middle. Is there an option to start in the left upper corner? , You can try this.

Padding(
  padding: EdgeInsets.all(8.0),
  child: Container(
    width: 400,
    height: 120,
    child: Form(
      autovalidate: true,
      child: TextFormField(
        autofocus: true,
        validator: (val) {
          if (val.trim().length > 200)
            return "Beschrijving te lang";
          else
            return null;
        },
        maxLines: 100,
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          filled: true,
          fillColor: Colors.white,
          labelText: "",
          labelStyle: TextStyle(fontSize: 15.0),
          hintText: "Enter a message",
        ),
      ),
    ),
  ),
)

Comments

No Comments Right Now !

Boards Message :

You Must Login Or Sign Up to Add Your Comments .

Share :

Tags :

TextFormField increase height with proper alignment , TextFormField , increase , height , with , proper , alignment ,

How to get height of a TextFormField

Tag : development , By : lili

Date : March 29 2020, 07:55 AM

this will help You can get the size of any widgets using context.size. You can get a specific widget's context by setting a GlobalKey on the desired widget.

Flutter increase height of TextFormField

Tag : android , By : user121350

Date : March 29 2020, 07:55 AM

To fix this issue Just adjust the contentPadding in InputDecoration.

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)),
    ),
  );

Validator error message changes TextFormField's height

Tag : flutter , By : John

Date : March 29 2020, 07:55 AM

To fix this issue In your Code - you need to comment out the 40 height given to each container.

Container(
             // height: 40.0,
              child: _createTextFormField(
                  loginEmailController,
                  Icons.alternate_email,
                  "Email Adress",
                  false,
                  TextInputType.emailAddress),
            ),
            Container(
            //  height: 40.0,
              child: _createTextFormField(loginPasswordController, Icons.lock,
                  "Password", true, TextInputType.text),
            ),

  contentPadding:
      EdgeInsets.symmetric(vertical: 10.0, horizontal: 10.0),

How to increase Card elevation when TextFormField focused?

Tag : android-studio , By : JoeCh

Date : December 25 2020, 12:01 PM

Hope that helps The TextFormField has a property called focusNode. Here is an example on how it can be used.


class MyClass extends StatefulWidget {
  @override
  _MyClassState createState() => new _MyClassState();
}

class _MyClassState extends State<MyClass> {
  FocusNode _focusA = new FocusNode();
  FocusNode _focusB = new FocusNode();
  int _elevation = 5;

  @override
  void initState() {
    super.initState();
    _focusA.addListener(_onFocusChange);
    _focusB.addListener(_onFocusChange);
  }

  void _onFocusChange(){
    if (_focusA.hasFocus || _focusB.hasFocus)
      setState(() => _elevation = 10);
    else
     setState(() => _elevation = 10);
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 25, vertical: 30),
        child: Card(
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadiusDirectional.circular(10),
          ),
          elevation: _elevation,
          child: Column(
            children: <Widget>[
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                child: TextFormField(
                  focusNode: _focusA,
                ),
              ),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                child: TextFormField(
                  focusNode: _focusB,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}