Flutter快速构建UI插件rapid_widgets_library的使用

Rapid Widgets Library

rapid_widgets_library 是一个包含多种自定义小部件的库，这些小部件易于实现且可定制。每个小部件都可以根据需求进行调整，使其更加灵活。由于文档详尽，开发时间显著减少。

注意：我们之前的包 flutter_catalogue_widgets 已被停用。请使用这个新包来获得相同的功能！

开始使用

使用此包的主要好处之一是只需在 pubspec.yaml 文件中添加一个依赖项，用户就可以导入大约60个自定义小部件。这些小部件系统地进行了文档记录，即每个小部件的文档都包括导入语句以及如何使用和调用这些小部件的代码。这大大减少了开发时间。

这些小部件为开发者创建了一个低代码环境，因为可以通过文档中提供的代码直接使用这些小部件。即使用户不想传递任何参数，小部件也会以默认的设计和值显示出来。此外，它们还通过极高的可定制性为用户提供极大的灵活性。

创建应用的步骤：

1. 创建一个新的 Flutter 项目。
2. 创建一个空的 Dart 文件。
3. 访问以下网站：http://104.40.75.137:9003/。
4. 在搜索框中输入你想要添加的小部件名称，或者滚动页面查找你可能喜欢的小部件。
5. 找到所需的小部件后，打开该小部件的页面并复制页面上的样板代码，然后将其粘贴到你的空 Dart 文件中。
6. 返回网站，复制并粘贴导入语句、对象以及小部件调用语句到包含样板代码的 Dart 文件中。
7. 运行文件以构建应用程序。

有关如何开始使用 Rapid Widgets Library 的帮助，请查看我们的教程页面 http://104.40.75.137:9003/，该页面提供了教程、示例、移动开发指南以及完整的参考信息。

示例代码

以下是一个简单的示例，展示如何使用 Rapid Widgets Library 中的一个小部件。

// 使用此代码调用单个小部件而不会出现溢出错误
import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(home: BoilerPlate()));

class BoilerPlate extends StatefulWidget {
  [@override](/user/override)
  _BoilerPlate createState() => _BoilerPlate();
}

// 定义表格数据结构
class TableRowdata {
  final String sno;
  final String requirements;
  final Widget proof;

  TableRowdata({
    @required this.sno,
    @required this.requirements,
    @required this.proof,
  });
}

// 示例数据列表
List<TableRowdata> newDataList = [
  TableRowdata(sno: '1', requirements: 'GST Form', proof: Text('Text1')),
  TableRowdata(sno: '2', requirements: 'TIN Details', proof: Text('Text2')),
  TableRowdata(sno: '3', requirements: 'Signature', proof: Text('Text3')),
  TableRowdata(sno: '4', requirements: 'Bank Statement', proof: Text('Text4')),
];

// 数据表源类
class DTS extends DataTableSource {
  [@override](/user/override)
  DataRow getRow(int index) {
    final Userr = newDataList[index];
    print(Userr);
    return DataRow(
      selected: true,
      cells: newDataList.length > 0
          ? [
              DataCell(Text((index + 1).toString())), // 序号
              DataCell(Text(Userr.requirements)),      // 要求
              DataCell(Userr.proof),                   // 证明
            ]
          : [
              DataCell(Text(
                'No Records Found !',
                style: TextStyle(color: Colors.black, fontSize: 25),
              )),
              DataCell(Text('')),
            ],
    );
  }

  [@override](/user/override)
  bool get isRowCountApproximate => false;

  [@override](/user/override)
  int get rowCount => newDataList.length;

  [@override](/user/override)
  int get selectedRowCount => 0;
}

class _BoilerPlate extends State<BoilerPlate> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: SingleChildScrollView( // 添加滚动视图以避免溢出
          child: PaginatedDataTable(
            source: DTS(), // 数据源
            columns: [
              DataColumn(label: Text('S.No')),   // 列头：序号
              DataColumn(label: Text('Docs')),   // 列头：文档
              DataColumn(label: Text('Status')), // 列头：状态
            ],
            rowsPerPage: 2, // 每页显示的行数
          ),
        ),
      ),
    );
  }
}