Comment changer la valeur à l'intérieur d'un champ de texte flutter ?

Question

J'ai un TextEditingController où si un utilisateur clique sur un bouton, celui-ci se remplit d'informations. Je ne parviens pas à trouver comment modifier le texte à l'intérieur d'un bouton Textfield ou TextFormField . Existe-t-il une solution ?

Answer 1

Il suffit de modifier le text propriété

    TextField(
      controller: txt,
    ),
    RaisedButton(onPressed: () {
        txt.text = "My Stringt";
    }),

tandis que txt est juste un TextEditingController

  var txt = TextEditingController();

Answer 2

Le problème avec le simple fait de mettre

_controller.text = "New value";

est que le curseur sera repositionné au début (dans le champ de texte de l'article). Utilisation de

_controller.text = "Hello";
_controller.selection = TextSelection.fromPosition(
    TextPosition(offset: _controller.text.length),
);
setState(() {});

n'est pas efficace car elle reconstruit le widget plus que nécessaire (lors de la définition de la propriété text et lors de l'appel à setState).

--

Je pense que le meilleur moyen est de tout combiner en une seule commande simple :

final _newValue = "New value";
_controller.value = TextEditingValue(
      text: _newValue,
      selection: TextSelection.fromPosition(
        TextPosition(offset: _newValue.length),
      ),
    );

Il fonctionne correctement pour les champs de texte Material et Cupertino.

Answer 3

En utilisant cette solution, vous serez également en mesure de mettre le curseur à la fin de nouveau texte.

final TextEditingController _controller = TextEditingController();

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(child: TextField(controller: _controller)),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        _controller.text = "Hello";

        // this changes cursor position
        _controller.selection = TextSelection.fromPosition(TextPosition(offset: _controller.text.length));
        setState(() {});
      },
    ),
  );
}

Answer 4

Vous pouvez utiliser le contrôleur d'édition de texte pour manipuler la valeur d'un champ de texte.

var textController = new TextEditingController();

Maintenant, créez un nouveau champ de texte et définissez textController comme contrôleur du champ de texte, comme indiqué ci-dessous.

 new TextField(controller: textController)

Maintenant, créez un RaisedButton n'importe où dans votre code et définissez le texte souhaité dans le champ onPressed de la méthode RaisedButton .

new RaisedButton(
       onPressed: () {
          setState(() {
             textController.text = "New text";
          });
       }
    ),

Answer 5

_mytexteditingcontroller.value = new TextEditingController.fromValue(new TextEditingValue(text: "My String")).value;

Cela semble fonctionner si quelqu'un a une meilleure méthode, n'hésitez pas à me le faire savoir.