Flutter Bottomsheet reload problem after dismissing keyboard

Question

In a todoapp , am trying to edit a single task from a list of Tasks. After clicking on edit icon , I was able to open a bottomsheet widget using showmodalbottomsheet function with pre filled two text fields using texteditingcontrollers. When I tried to edit a single text field and dismissed the keyboard, the bottomsheet is loading again the previous value.I am unable to save my edited value..pls help

I used stateless bottomsheet widget.

Heres the Code. I know this not ideal way of coding. but am trying to get to work the functionality, later i will work on optimisation.

Tasklist.dart

IconButton( icon: Icon(Icons.edit), onPressed: (){ _startEditTask(context, index);//index is the single task from the lisview },),

void _startEditTask(BuildContext ctx, int index){
    showModalBottomSheet(context: ctx, builder: (btx){
      return GestureDetector(
        onTap: (){},
        child: EditTask(_taskList[index].taskName,_taskList[index].description,index,_editTask),
      );
    });
  }

void _editTask(String taskName, String description, int index){
    setState(() {
      _taskList[index].taskName = taskName;
      _taskList[index].description = description;
    });
  }

EditTask.dart

class EditTask extends StatelessWidget {
  EditTask(this.taskName,this.description,this.index,this.editTask);
  String taskName;
  String description;
  int index;
  final Function editTask;
  var taskNameController = TextEditingController();
  var taskDescriptionController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    taskNameController.text = taskName;
    taskDescriptionController.text = description;
    return Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        TextField(
          controller: taskNameController,
          decoration: InputDecoration(
              labelText: 'Task Name'
          ),

        ),
        TextField(
          controller: taskDescriptionController,
          decoration: InputDecoration(
              labelText: 'Description'
          ),
        ),
        TextButton(
          child: Text('Save Task'),
          onPressed: (){
            editTask(taskNameController.text,taskDescriptionController.text,index);
          Navigator.of(context).pop();
          },
        )
      ],
    );
  }
}

Modify TextField's onChanged() method to update controller.text value to latest value received from callback — Prashant, Dec 26 '22 at 08:22
ty all for the replies..convering to Stateful widget solved the problem.. — user2955424, Dec 26 '22 at 11:31

score 0 · Accepted Answer · answered Dec 26 '22 at 08:40

0

StatelessWidget

to

StatefulWidget

will solve your issue ---- try now

class EditTask extends StatelessWidget

to

class EditTask extends StatefulWidget

answered Dec 26 '22 at 08:40

Tasnuva Tavasum oshin

1
1
17
28

tyvm...I had to set the text to texteditingcontrollers in the initstate override method. previously I set the text to texteditingcontrollers in the build method..now after converting to stateful widget problem is solved.I don't know why framework is calling bottomsheet build method again when the keyboard is dismissed.. – user2955424 Dec 26 '22 at 11:30
call twice ! (Navigator.of(context).pop(); – Tasnuva Tavasum oshin Dec 26 '22 at 11:35

Flutter Bottomsheet reload problem after dismissing keyboard

1 Answers1