我有一个带有TextField的简单屏幕。上面有一个信息文本，下面有一个信息文本。这些信息文本仅在满足特定条件时显示。
最小示例：

class FooPage extends StatefulWidget {
  const FooPage({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return FooState();
  }
}

class FooState extends State<FooPage> {
  TextEditingController controller = TextEditingController();
  bool show = true;
  
  @override
  void initState() {
    super.initState();
    controller.addListener(() {
      setState(() => show = controller.text.length < 5);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          show ? const Text("hello1") : const SizedBox.shrink(),
          TextField(controller: controller),
          show ? const Text("hello2") : const SizedBox.shrink(),
        ],
      ),
    );
  }
}

问题是，当信息文本出现或消失时，TextField会失去焦点！如果我只使用一个文本（其中任何一个），一切都正常。
我可以通过用ExcludeFocus Package 信息文本或在TextField上使用autoFocus: true来解决这个问题。但我很确定这些都不是好的解决方案。至少后一个不能是：）
到底发生了什么事？什么才是正确的解决方法？