分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何在 Flutter Form 小部件中使用 Listview 构建器？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在 Flutter Form 小部件中使用 Listview 构建器？？

开发过程中遇到如何在 Flutter Form 小部件中使用 Listview 构建器？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何在 Flutter Form 小部件中使用 Listview 构建器？的解决方法建议，希望对你解决如何在 Flutter Form 小部件中使用 Listview 构建器？有所启发或帮助；

我有一个 Form 小部件，其中有大约 30 个 TextFormFIEld 小部件。这旨在用作网络应用程序。我正在尽最大努力获得最大可能的速度。 TextFormFIEld 小部件具有不同的文本输入格式化程序、控制器，有些是必需的，有些是可选的。如何使用 ListVIEw.builder 中的 Form 以便根据需要加载 TextFormFIEld 小部件？

解决方法

如果我能理解，您需要使用 ListView.builder 创建 Form 来构建 30 个 TextFormField，如果是这样，您只需要像这样将 ListView.builder 放在 The Form 中：

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {
  final _formKey = GlobalKey<FormState>();
  List validators = [
    (value) {
      if (value == null || value.isEmpty) {
        return 'Please enter the number';
      }
      return null;
    },(value) {
      if (value == null || value.isEmpty) {
        return 'Please enter the email';
      }
      return null;
    },(value) {
      if (value == null || value.isEmpty) {
        return 'Please enter the password';
      }
      return null;
    },];
  List formatters = [
    FilteringTexTinputFormatter.digitsOnly,FilteringTexTinputFormatter.allow(RegExp('[a-zA-Z]')),FilteringTexTinputFormatter.deny(RegExp(r'[/\\]'))
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Form(
        key: _formKey,child: ListView.builder(
          itemCount: 3,itemBuilder: (context,indeX) {
            return TextFormField(
              validator: validators[index],inputFormatters: [formatters[index]],);
          },),floaTingActionButton: FloaTingActionButton(
        child: Text('Click'),onPressed: () {
          if (_formKey.currentState.validate()) {
            // If the form is valid,display a snackbar. In the real world,// you'd often call a server or save the information in a database.
            ScaffoldMessenger.of(context)
                .showSnackBar(SnackBar(content: Text('Processing Data')));
          }
        },);
  }
}