Flutter中TextEditingController失效：点击搜索栏返回null求助

嘿，我一眼就看出问题所在了——你声明了_textcontroller但从来没有初始化它，所以它一直是null，点击搜索按钮调用_textcontroller.text自然就会报错啦。下面是具体的解决步骤：

1. 正确初始化TextEditingController #

在你的State类里，需要在组件初始化的时候给控制器赋值。推荐在initState方法里做这件事（如果用了空安全，记得加上late关键字）：

late TextEditingController _textcontroller;

@override
void initState() {
  super.initState();
  // 初始化控制器，绑定到TextField
  _textcontroller = TextEditingController();
}

如果你不想用late，也可以直接在声明时初始化：

TextEditingController _textcontroller = TextEditingController();

2. 记得销毁控制器（避免内存泄漏） #

使用完TextEditingController后，一定要在组件销毁时释放它的资源，否则会造成内存泄漏。在State类里重写dispose方法：

@override
void dispose() {
  _textcontroller.dispose();
  super.dispose();
}

3. 修改后的完整代码示例 #

把这些修改整合到你的代码里，完整的结构大概是这样的：

class YourBrowserScreen extends StatefulWidget {
  const YourBrowserScreen({super.key});

  @override
  State<YourBrowserScreen> createState() => _YourBrowserScreenState();
}

class _YourBrowserScreenState extends State<YourBrowserScreen> {
  late TextEditingController _textcontroller;
  String url = "";
  final Future<WebViewController> _controller = WebViewController()
      ..loadRequest(Uri.parse("https://www.google.com")); // 示例初始化

  @override
  void initState() {
    super.initState();
    _textcontroller = TextEditingController();
  }

  @override
  void dispose() {
    _textcontroller.dispose();
    super.dispose();
  }

  Widget searchbar() {
    return Container(
      child: Row(
        children: [
          Container(
            width: 230,
            child: TextField(
              controller: _textcontroller,
              decoration: const InputDecoration(
                hintText: "输入网址",
                border: InputBorder.none,
              ),
            ),
          ),
          GestureDetector(
            child: const Icon(Icons.search),
            onTap: () {
              setState(() {
                final inputText = _textcontroller.text.trim();
                print(inputText);
                // 可以加个简单的判断，确保输入不为空
                if (inputText.isNotEmpty) {
                  url = inputText.startsWith("http") ? inputText : "https://$inputText";
                  // 这里调用WebView加载URL
                  _controller.then((controller) => controller.loadRequest(Uri.parse(url)));
                }
              });
            },
          )
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: searchbar(),
        actions: [
          NavigationControls(_controller.future),
        ],
      ),
      body: WebViewWidget(controller: _controller),
    );
  }
}

为什么会出现这个错误？ #

Dart中，如果只声明一个变量但不赋值，它的默认值是null（对于可空类型）。你之前的代码里TextEditingController _textcontroller;没有初始化，所以当点击搜索按钮访问_textcontroller.text时，就会触发The getter 'text' was called on null的错误。初始化控制器后，它会和TextField建立绑定，就能正确获取输入的文本了。

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