启用文本表单字段后未聚焦

Question

如果我启用并聚焦以前禁用的 TextFormField，则看不到闪烁的光标。 在此示例中，TextFormField 最初处于禁用状态，如_enabled状态变量所示，当您单击启用按钮时，该字段已启用并聚焦，但闪烁的光标不可见。 我必须单击文本表单字段才能看到闪烁的光标。

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'),
),
);
}
}

如果我按两次"启用"，则会显示光标。

如果文本表单域已启用，然后获得焦点，则闪烁的光标可见。

Answer 1

1-您在setState之后集中精力，因此它不起作用。 就像下面一样 2-在禁用和启用小部件之前，您无法聚焦小部件。当您在 UI 胎面中同时进行聚焦和启用时，由于它们的渲染时间，请在启用之前尝试聚焦。如果您发布一些延迟以聚焦问题，请解决问题。

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

Answer 2

请尝试

setState(() {
enableEditText = true;
Future.delayed(const Duration(milliseconds: 500), () {
tfController.selection =
TextSelection.fromPosition(TextPosition(offset: tfController.text.length));
FocusScope.of(context).requestFocus(focusNode);
});
});

<小时 />

TextField(
controller: tfController,
decoration: null,
textInputAction: TextInputAction.done,
enabled: enableEditText,
focusNode: focusNode,

),