🔥
複数のTextEditingControllerを作成する。
記事を書いた目的:複数の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