Flutter textInputAction:textInputAction.next无法将用户焦点移动到下一个元素

Flutter textInputAction:textInputAction.next无法将用户焦点移动到下一个元素,flutter,dart,Flutter,Dart,当我使用TextInputAction并将其设置为“下一步”时,该按钮在我的模拟器设备上会发生更改,但它不会执行任何操作,用户交互不会移动到下一个元素中。 已经在Flatter`gitHUb页面和聊天室中打开了一张罚单,但目前没有任何帮助,希望继续我的训练:) 您的代码中有bug,您将\u passwordFocusNode放在电子邮件字段中并导致错误 当\u emailEditingComplete()时,焦点停留在电子邮件中 void _emailEditingComplete() {

当我使用TextInputAction并将其设置为“下一步”时,该按钮在我的模拟器设备上会发生更改,但它不会执行任何操作,用户交互不会移动到下一个元素中。 已经在Flatter`gitHUb页面和聊天室中打开了一张罚单,但目前没有任何帮助,希望继续我的训练:)


您的代码中有bug,您将
\u passwordFocusNode
放在
电子邮件
字段中并导致错误
\u emailEditingComplete()
时,焦点停留在电子邮件中

void _emailEditingComplete() {
    FocusScope.of(context).requestFocus(_passwordFocusNode);
}

return TextField(
  controller: _passwordController,
  focusNode: _emailFocusNode,

return TextField(
  controller: _emailController,
  focusNode: _passwordFocusNode,
onEditingComplete
onSubmitted
在这种情况下都能正常工作

测试工作演示

完整测试代码

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();
  final FocusNode _emailFocusNode = FocusNode();
  final FocusNode _passwordFocusNode = FocusNode();

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  void dispose() {
    // Clean up the focus node when the Form is disposed.
    _emailFocusNode.dispose();
    _passwordFocusNode.dispose();

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextField(
              focusNode: _emailFocusNode,
              decoration: InputDecoration(
                labelText: 'Email',
                hintText: 'test@test.com',
              ),
              keyboardType: TextInputType.emailAddress,
              textInputAction: TextInputAction.next,
              onEditingComplete: () {
                FocusScope.of(context).requestFocus(_passwordFocusNode);
              },
              onSubmitted: (val) {
                //FocusScope.of(context).requestFocus(_passwordFocusNode);
              },
            ),
            TextField(
              focusNode: _passwordFocusNode,
              decoration: InputDecoration(
                labelText: 'password',
              ),
              keyboardType: TextInputType.emailAddress,
              textInputAction: TextInputAction.done,
              onSubmitted: (val) {},
            ),
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}
导入“包装:颤振/材料.省道”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
标题:“颤振演示”,
主题:主题数据(
主样本:颜色。蓝色,
),
主页:MyHomePage(标题:“颤振演示主页”),
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage({Key,this.title}):超级(Key:Key);
最后的字符串标题;
@凌驾
_MyHomePageState createState()=>\u MyHomePageState();
}
类_MyHomePageState扩展状态{
int _计数器=0;
final TextEditingController_emailController=TextEditingController();
最终文本编辑控制器_passwordController=文本编辑控制器();
最终焦点节点_emailFocusNode=FocusNode();
final FocusNode_passwordFocusNode=FocusNode();
void _incrementCounter(){
设置状态(){
_计数器++;
});
}
@凌驾
无效处置(){
//在释放表单时清理焦点节点。
_emailFocusNode.dispose();
_passwordFocusNode.dispose();
super.dispose();
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(widget.title),
),
正文:中(
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
文本字段(
focusNode:_emailFocusNode,
装饰:输入装饰(
labelText:“电子邮件”,
hintText:'test@test.com',
),
键盘类型:TextInputType.emailAddress,
textInputAction:textInputAction.next,
onEditingComplete:(){
FocusScope.of(context.requestFocus)(\u passwordFocusNode);
},
提交:(val){
//FocusScope.of(context.requestFocus)(\u passwordFocusNode);
},
),
文本字段(
focusNode:_passwordFocusNode,
装饰:输入装饰(
labelText:“密码”,
),
键盘类型:TextInputType.emailAddress,
textInputAction:textInputAction.done,
提交:(val){},
),
正文(
“您已经按了这么多次按钮:”,
),
正文(
“$”计数器“,
样式:Theme.of(context).textTheme.display1,
),
],
),
),
浮动操作按钮:浮动操作按钮(
按下时:\ u递增计数器,
工具提示:“增量”,
子:图标(Icons.add),
),
);
}
}
臭虫


这是否回答了您的问题?我相信我已经在做
FocusScope.of(context).requestFocus(focus)