Comment développer un champ de texte en flutter ressemble à une zone de texte

Question

Lorsque je tape dans textField en mode landScape, je souhaite développer en plein écran comme WhatsApp

Exemple gif Quoi

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

Answer 1

Malheureusement, il n'y a aucun moyen de flutter que vous pouvez définir la hauteur minimale d'un TextField ou TextFormField. La meilleure façon de donner à un TextField ou à un TextFormField une taille fixe est de spécifier le nombre maximal de lignes que le champ doit prendre sans s'étendre davantage. Remarque: Cela ne limite pas la quantité de texte saisi, cela limite uniquement le nombre de lignes affichées.

Exemple:

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

                              ),

Cela limitera la taille du champ à 8 lignes, mais peut prendre jusqu'à 1 000 caractères. J'espère que cela aidera quelqu'un.