如何在 Flutter FormField 中接收多个字符串作为输入？

如何解决如何在 Flutter FormField 中接收多个字符串作为输入？

我在 Flutter 中制作的表单中有一个字段，需要接收多个单独的字符串。用户还应该能够在输入后删除其中一个字符串。例如，如果用户输入“Flying”，按回车键，然后输入“Carrot”，我的目标是将数组 ["Flying","Carrot"] 与其他表单数据一起发送到后端。

是否有允许此功能的小部件？

解决方法

您可以使用 textfield_tags 包。我在这里为你做了个例子：

class FormTagExample extends StatefulWidget {
  @override
  _FormTagExampleState createState() => _FormTagExampleState();
}

class _FormTagExampleState extends State<FormTagExample> {
  List listTag = [];

  @override
  Widget build(BuildContext context) {
    return TextFieldTags(
      tagsStyler: TagsStyler(
          tagTextStyle: TextStyle(fontWeight: FontWeight.bold),tagDecoration: BoxDecoration(
            color: Colors.blue[300],borderRadius: BorderRadius.circular(8.0),),tagCancelIcon:
              Icon(Icons.cancel,size: 18.0,color: Colors.blue[900]),tagPadding: const EdgeInsets.all(6.0)),textFieldStyler: TextFieldStyler(),onTag: (tag) {
        listTag.add(tag);
        print('tag: $listTag');
      },onDelete: (tag) {},);
  }
}

结果将如下所示：

然后你得到一个数组：