🔥

複数のTextEditingControllerを作成する。

2021/07/27に公開

記事を書いた目的:複数のTextEditingControllerを書いた際に、一つのTextEditingControllerに値を入れると、全てのTextEditingControllerが同じ値になってしまう。

具体的な実装方法:List型に変える。
変更前:final myController = TextEditingController();

変更後: List<TextEditingController> controller =
List.generate(5, (i) => TextEditingController());

該当コード

ListView.builder(
                        shrinkWrap: true,
                        padding: const EdgeInsets.all(20.0),
                        itemCount: 5,
                        physics: NeverScrollableScrollPhysics(),
                        itemBuilder: (BuildContext context, int index) {
                               child:TextField(controller:model.controller[index],

解説:①ListView.builderを使うことで、複数のTextEditingControllerを生み出す。
   ② itemBuilderを使うことで、indexを引数としTextEditingcontrollerに順番をつけることができる。

Discussion