web-dev-qa-db-ja.com

flutterでtextFieldを展開する方法は、テキストエリアのように見えます

LandScapeモードでtextFieldをタップすると、whatsappのようにフルスクリーンで展開したい

gifの例

            TextFormField(
              keyboardType: TextInputType.number,
              decoration: InputDecoration(
                  prefixIcon: Padding(
                    padding: EdgeInsets.all(0.0),
                    child: Icon(Icons.person,
                        size: 40.0, color: Colors.white),
                  ),
                  hintText: "Input your opinion",
                  hintStyle: TextStyle(color: Colors.white30),
                  border: OutlineInputBorder(
                      borderRadius:
                      BorderRadius.all(new Radius.circular(25.0))),
                  labelStyle: TextStyle(color: Colors.white)),
              textAlign: TextAlign.center,
              style: TextStyle(
                color: Colors.white,
                fontSize: 25.0,
              ),
              controller: Host,
              validator: (value) {
                if (value.isEmpty) {
                  return "Empty value";
                }
              },
            )
9
Micael

残念ながら、TextFieldまたはTextFormFieldの最小の高さを設定する方法はありません。 TextFieldまたはTextFormFieldに固定サイズを与える最良の方法は、フィールドがそれ以上拡大せずに取る最大行数を指定することです。注:これは入力テキストの量を制限するものではなく、表示される行数を制限するだけです。

例:

                             TextFormField(
                                keyboardType: TextInputType.multiline,
                                maxLines: 8,
                                maxLength: 1000,

                              ),

これにより、フィールドのサイズが8行に制限されますが、1000文字もかかることがあります。これが誰かを助けることを願っています。

0
Frank Francisco