Flutter 焦点为 true 时不显示光标和键盘

Question

我使用 Linkable 突出显示用户在文本字段中输入的内容中的网络链接、电话号码和电子邮件地址。第一个问题是可链接不接受文本字段，它只接受文本。因此，我的解决方案是仅在用户键入时显示 TextField，并在用户未键入时将 Textfield 替换为用户键入的文本。第二个问题是，每当文本字段可见时，它首先不会显示键盘或光标，即使我可以验证其焦点是否正确。如何在每次弹出文本字段时显示光标？我什至将 showcursor 设置为 true 但它仍然不起作用。在另一篇文章中，我读到使用带有延迟的计时器可以解决问题，所以我这样做了，但仍然不起作用。

FocusNode _focusNode = FocusNode();
@override
  Widget build(BuildContext context) {
...
return GestureDetector(
onTap: () {
            FocusNode currentFocus = FocusScope.of(context);
           if (currentFocus.hasFocus) {
              currentFocus.unfocus();
           }
          },
child: Column(
          children: <Widget>[
              Visibility(
                visible: _focusNode.hasFocus,
                child: TextField(
                focusNode: _focusNode,
                showCursor: true,
                controller: _contentTextController,
              ),
           
            InkWell(
              child: Linkable(
                text: "testing",
                
              onTap: () async {
                FocusScope.of(context).requestFocus(_focusNode);

                //   FocusScope.of(context).requestFocus(_focusNode);
                //   Timer(const Duration(milliseconds: 1000), () {
                //     FocusScope.of(context).requestFocus(_focusNode);
                //     _focusNode.requestFocus();
                //   });
                  await Future.delayed(
                    Duration(milliseconds: 10)
                  );
                  Timer(const Duration(milliseconds: 10), () {
                    setState(() {
                    print(_focusNode.hasPrimaryFocus);
                    //showTextEditor = !showTextEditor;
                  });
                });
              }
            ),
          
          ],

这是我的代码。

Answer 1

我也有同样的问题。我尝试解决该问题的一种解决方法是

Future.delayed(const Duration(milliseconds: 10), () {
      focusNode.requestFocus();
    });

换句话说，在请求焦点之前稍微延迟一下。希望能有所帮助

Answer 2

  WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
        _focusNode.requestFocus();
      });