Flutter TextEditingControllerを使ってTextFormFieldのテキストに値を追加する

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
final _editController = TextEditingController();
TextFormField(
controller: _editController,
),
_editController.text += 'Value';
final _editController = TextEditingController(); TextFormField( controller: _editController, ), _editController.text += 'Value';
final _editController = TextEditingController();
TextFormField(
  controller: _editController,
),
_editController.text += 'Value';

TextFormFieldのテキストに入力以外で値を追加するには、TextEditingControllerを使います。
TextEditingControllerの変数を用意し、TextFormFieldの引数「controller」に指定します。
変数のtextプロパティに、新しいテキストを追加します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
final _editController = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
TextFormField(
controller: _editController,
),
SizedBox(
height: 24,
),
ElevatedButton(
onPressed: () {
_editController.text += 'study skill';
},
child: Text('Test'),
),
],
),
),
);
}
final _editController = TextEditingController(); @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ TextFormField( controller: _editController, ), SizedBox( height: 24, ), ElevatedButton( onPressed: () { _editController.text += 'study skill'; }, child: Text('Test'), ), ], ), ), ); }
final _editController = TextEditingController();

 @override
 Widget build(BuildContext context) {
   return Scaffold(
     body: Center(
       child: Column(
         mainAxisSize: MainAxisSize.min,
         children: [
           TextFormField(
             controller: _editController,
           ),
           SizedBox(
             height: 24,
           ),
           ElevatedButton(
             onPressed: () {
               _editController.text += 'study skill';
             },
             child: Text('Test'),
           ),
         ],
       ),
     ),
   );
 }

 

Flutter

Posted by arkgame