我有一个Flutter 的TextField，当该字段被选中时，它会被软键盘覆盖.当键盘显示时，我需要向上滚动字段，使其不挡道.这是一个非常常见的问题，在这个StackOverflow post中给出了一个解决方案.
我想我已经计算出了ScrollController个部件，但是我如何检测到 Select 了TextField个部件？似乎没有任何事件方法(例如onFocus()、onSelected()、onTap()等).
我try 将TextField包装在GestureDetector中，但也不起作用--显然事件从未被捕获.
new GestureDetector(
child: new TextField(
decoration: const InputDecoration(labelText: 'City'),
),
onTap: () => print('Text Selected'),
),
这是一个如此基本的要求，我知道一定有一个简单的解决方案.
我想你在找FocusNode个吧.
要收听焦点变化，您可以在FocusNode上添加一个Listner，然后指定focusNode到TextField.
示例:
class TextFieldFocus extends StatefulWidget {
@override
_TextFieldFocusState createState() => _TextFieldFocusState();
}
class _TextFieldFocusState extends State<TextFieldFocus> {
FocusNode _focus = FocusNode();
TextEditingController _controller = TextEditingController();
@override
void initState() {
super.initState();
_focus.addListener(_onFocusChange);
}
@override
void dispose() {
super.dispose();
_focus.removeListener(_onFocusChange);
_focus.dispose();
}
void _onFocusChange() {
debugPrint("Focus: ${_focus.hasFocus.toString()}");
}
@override
Widget build(BuildContext context) {
return new Container(
color: Colors.white,
child: new TextField(
focusNode: _focus,
),
);
}
}
ThisGist表示如何确保聚焦的 node 在UI上可见.
希望有帮助！