删除键盘时,文本字段中的文本将消失



当我从视图中移除键盘时,在我的TextField小部件中输入的文本消失了。

有两种TextField,标题和描述。上述问题仅发生在标题上,而不会出现在描述上。

以下是build方法的相关摘录:

@override

    Widget build(BuildContext context) {
            _note = widget._note; // This is coming from StatefulWidget Class above
            TextStyle textStyle = Theme.of(context).textTheme.title;
            _titleController.text = _note.title;
            _descriptionController.text = _note.description;
            return Scaffold(
                body: ListView(
                  children: <Widget>[
                    Padding(
                      padding: EdgeInsets.all(15.0),
                      child: TextField(
                        style: textStyle,
                        controller: _titleController,
                        decoration: InputDecoration(
                            labelText: "Title",
                            labelStyle: textStyle,
                            border: OutlineInputBorder(
                                borderRadius: BorderRadius.circular(5.0))),
                      ),
                    ),
                    Padding(
                      padding: EdgeInsets.all(15.0),
                      child: TextField(
                        style: textStyle,
                        controller: _descriptionController,
                        decoration: InputDecoration(
                            labelText: "Description",
                            labelStyle: textStyle,
                            border: OutlineInputBorder(
                                borderRadius: BorderRadius.circular(5.0))),
                      ),
                    ),  
           ...
          }
        }

显示和删除的键盘屏幕截图。

发生这种情况是因为您正在build方法中设置文本。这个build方法可以随时调用,例如,当键盘收缩时,因为 UI 需要对此做出反应。
这意味着您应该将此代码移动到initState

@override
void initState() {
  _note = widget._note;
  _titleController.text = _note.title;
  _descriptionController.text = _note.description;
  super.initState();
}

仅当小部件插入构建树时,initState才会调用一次。

我不确定为什么这只发生在TextFields之一。我假设您在其他地方使用 TextController 来设置Note的内容,这可能会导致此行为。
此外,当您从State访问StatefulWidget(widget._note(时,您可能应该避免使用前导下划线__note

最新更新