Flutter弹窗编辑日期无法保存及类型转换异常求助

错误原因分析 #

1. 类型不匹配报错：原代码中Navigator.of(context).pop(textField != null?.controller?.text);存在语法错误，textField != null是布尔值，后续的?.controller?.text会被忽略，最终弹出的是布尔值，而_notes列表存储的是字符串，赋值时触发类型转换异常。
2. 文本被删除问题：使用textField?.controller?.text ?? ""时，context.findAncestorWidgetOfExactType<TextField>()无法找到弹窗内的TextField——因为AlertDialog的context是独立于父级的，所以textField始终为null，最终弹出空字符串覆盖原笔记。

修复方案 #

在弹窗内部创建并持有TextEditingController的引用，直接通过控制器获取输入内容，避免依赖context查找控件。

修正后的完整代码 #

import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';
import 'dart:io';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Notepad',
      home: NoteList(),
    );
  }
}

class NoteList extends StatefulWidget {
  @override
  _NoteListState createState() => _NoteListState();
}

class _NoteListState extends State<NoteList> {
  final List<String> _notes = [];
  final TextEditingController _textController = TextEditingController();

  void _loadNotes() async {
    var directory = await getApplicationDocumentsDirectory();
    var file = File("${directory.path}/notes.txt");
    if (!await file.exists()) {
      file.createSync();
      file.writeAsStringSync("Hello, World!\nThis is your first note.\n");
    }
    var contents = await file.readAsString();
    setState(() {
      _notes.addAll(contents.split("\n"));
    });
  }

  void _saveNotes() async {
    var directory = await getApplicationDocumentsDirectory();
    var file = File("${directory.path}/notes.txt");
    var contents = _notes.join("\n");
    await file.writeAsString(contents);
  }

  void _deleteNote(int index) {
    setState(() {
      _notes.removeAt(index);
    });
    _saveNotes();
  }

  @override
  void initState() {
    super.initState();
    _loadNotes();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Notepad'),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: _notes.length,
              itemBuilder: (context, index) {
                return ListTile(
                  title: Text(_notes[index]),
                  onTap: () async {
                    // 创建弹窗内部的TextEditingController，初始值为当前笔记内容
                    final editController = TextEditingController(text: _notes[index]);
                    var result = await showDialog(
                      context: context,
                      builder: (context) {
                        return AlertDialog(
                          title: Text("Edit Note"),
                          content: TextField(
                            controller: editController,
                            autofocus: true,
                          ),
                          actions: [
                            ElevatedButton(
                              child: Text("Cancel"),
                              onPressed: () => Navigator.of(context).pop(),
                            ),
                            ElevatedButton(
                              child: Text("Save"),
                              onPressed: () {
                                // 直接通过控制器获取输入文本并弹出
                                Navigator.of(context).pop(editController.text);
                              },
                            ),
                          ],
                        );
                      },
                    );
                    // 更新笔记内容
                    if (result != null) {
                      setState(() {
                        _notes[index] = result;
                      });
                      _saveNotes();
                    }
                  },
                  trailing: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      IconButton(
                        icon: Icon(Icons.delete),
                        onPressed: () => _deleteNote(index),
                      ),
                    ],
                  ),
                );
              },
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: TextField(
              controller: _textController,
              decoration: InputDecoration(
                hintText: "Enter a new note",
              ),
            ),
          ),
          ElevatedButton(
            child: Text("Add Note"),
            onPressed: () {
              setState(() {
                _notes.add(_textController.text);
              });
              _textController.clear();
              _saveNotes();
            },
          ),
        ],
      ),
    );
  }
}

关键修改点 #

• 在弹窗弹出前创建editController，绑定到弹窗内的TextField，确保能直接获取输入内容。
• 保存按钮点击时，直接通过editController.text获取文本并传递给pop方法，避免类型错误和控件查找失败的问题。

内容的提问来源于stack exchange，提问作者bantandor