无法专注于新添加的文本字段抖动

Question

import 'package:flutter/material.dart';

class Demo {
  int no;
  String value;
  Demo({this.value, this.no});
}

class Control {
  TextEditingController controller;
  FocusNode node;
  Control({this.controller, this.node});
}

class DemoPage extends StatefulWidget {
  static const routeName = '/Demo';
  DemoPage({Key key}) : super(key: key);

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

class _DemoPageState extends State<DemoPage> {
  List<Demo> txtfield;
  List<Control> control;

  @override
  void initState() {
    txtfield = [];
    control = [];
    // no = 0;
    add();
    super.initState();
  }

  int no;
  void add() {
    no = (no ?? 0) + 1;
    setState(() {});
    txtfield.add(Demo(no: no));
    control.add(Control(
      controller: TextEditingController(),
      node: FocusNode(),
    ));
    // no = no +1;
  }

  @override
  Widget build(BuildContext context) {
    // print(txtfield[0].no);
    // FocusScope.of(context).requestFocus(control[control.length - 1].node);
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Card(
          child: Container(
            child: Column(
              children: txtfield
                  .map((f) => TextField(
                        controller: control[f.no - 1].controller,
                        focusNode: control[f.no - 1].node,
                        autofocus: true,
                      ))
                  .toList(),
            ),
            width: 400,
            padding: EdgeInsets.all(20),
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: () {
          add();
          print(no);
          FocusScope.of(context).requestFocus(control[control.length - 1].node);
        },
      ),
    );
  }
}

我使用了上面的代码。但我无法专注于新添加的文本字段。当我检查新添加的文本字段是否有焦点时，它显示为 true，但我无法在该文本字段中写入任何内容。

我不知道该代码有什么错误。我搜索此解决方案超过 4 天。但我找不到解决方案。

Answer 1

在您的 floatingActionButton 的 onPressed 处更改此行：

FocusScope.of(context).requestFocus(control[control.length - 1].node);

有了这个

control[control.length - 1].node.requestFocus();

无法专注于新添加的文本字段抖动

Can't able to focus on newly added text field flutter

dart

flutter

flutter-dependencies

flutter-layout

flutter-web