flutter - TextFormField 启用后未聚焦

Question

如果我启用并聚焦之前禁用的 TextFormField，我没有看到闪烁的光标。在此示例中，TextFormField 最初是禁用的，如 _enabled 状态变量所示，当您单击启用按钮时，该字段已启用并获得焦点，但闪烁的光标不可见。我必须单击 TextFormField 才能看到闪烁的光标。

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _enabled = false;
  FocusNode focusNodeA = FocusNode();

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: Text('Test'),
      ),
      body: TextFormField(
        enabled: _enabled,
        focusNode: focusNodeA,
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() => _enabled = true);
          FocusScope.of(context).requestFocus(focusNodeA);
        },
        child: Text('Enable'),
      ),
    );
  }
}

如果我按“启用”两次，就会显示光标。

如果 TextFormField 已启用并获得焦点，则闪烁的光标可见。

Answer 1

1- 你专注于 setState 所以它不起作用。就像下面一样2- 在禁用和启用小部件之前，您无法聚焦小部件。当您在用户界面中同时进行聚焦和启用时，由于它们的渲染时间，它会在启用之前尝试聚焦。如果您延迟聚焦问题得到解决。

setState(() {
            Future.delayed(const Duration(milliseconds: 10), ()
            {
              FocusScope
                  .of(
                  context)
                  .requestFocus(
                  focusNodeA);
              print(FocusScope.of(context).focusedChild.toString());

            });
            _enabled = true;
          });