6.5 控制输入框焦点
1.源代码
import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
FocusNode focusNode1 = new FocusNode();
FocusNode focusNode2 = new FocusNode();
FocusScopeNode focusScopeNode;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
TextField(
autofocus: true,
focusNode: focusNode1,
decoration: InputDecoration(
prefixIcon:Icon(Icons.perm_identity),
labelText: "用户名",
hintText: "请输入用户名",
),
),
TextField(
obscureText: true,
focusNode: focusNode2,
decoration: InputDecoration(
prefixIcon:Icon(Icons.lock),
labelText: "密码",
hintText: "请输入密码",
),
),
Builder(builder: (context){
return Column(
children: <Widget>[
RaisedButton(
child: Text("移动焦点"),
onPressed: (){
//FocusScope.of(context).requestFocus(focusNode2);
if(null==focusScopeNode){
focusScopeNode = FocusScope.of(context);
}
focusScopeNode.requestFocus(focusNode2);
}),
RaisedButton(
child: Text("失去焦点(隐藏键盘)"),
onPressed: (){
focusNode1.unfocus();
focusNode2.unfocus();
}
)
],
);
})
],
),
)
)
);
}
}
2.解释源代码
import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
//焦点1
FocusNode focusNode1 = new FocusNode();
//焦点2
FocusNode focusNode2 = new FocusNode();
//用于切换焦点
FocusScopeNode focusScopeNode;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
TextField(
autofocus: true,
//绑定焦点1
focusNode: focusNode1,
decoration: InputDecoration(
prefixIcon:Icon(Icons.perm_identity),
labelText: "用户名",
hintText: "请输入用户名",
),
),
TextField(
obscureText: true,
//绑定焦点2
focusNode: focusNode2,
decoration: InputDecoration(
prefixIcon:Icon(Icons.lock),
labelText: "密码",
hintText: "请输入密码",
),
),
Builder(builder: (context){
return Column(
children: <Widget>[
RaisedButton(
child: Text("移动焦点"),
onPressed: (){
//移动焦点 方法1
//FocusScope.of(context).requestFocus(focusNode2);
//移动焦点 方法2
if(null==focusScopeNode){
focusScopeNode = FocusScope.of(context);
}
focusScopeNode.requestFocus(focusNode2);
}),
RaisedButton(
child: Text("失去焦点(隐藏键盘)"),
onPressed: (){
//失去焦点 隐藏键盘
focusNode1.unfocus();
focusNode2.unfocus();
}
)
],
);
})
],
),
)
)
);
}
}
3.效果图