Flutter安全开发插件hello_devsecit的使用

hello_devsecit 0.1.5

使用方法

在 pubspec.yaml 文件中添加依赖：

dependencies:
  hello_devsecit: ^0.1.1

然后，在终端或命令行工具中运行以下命令以安装依赖：

flutter pub add hello_devsecit

特性与功能

该插件包含以下功能和组件：

1. androidId
2. H1
3. H2
4. H3
5. H4
6. Paragraph
7. DSIPostRequest
8. AlertDialog
9. Progressbar
10. Confirmation Dialog
11. Navigator, go, goNamed, goReplace, goNamedReplace
12. DSI_PRIMARY_BUTTON
13. DSI_SECONDARY_BUTTON
14. DSI_ICON_BUTTON
15. DSI_PERCENT_INDICATOR
16. DSI_TEXT_BOX
17. DSI_TEXT_BOX_WITH_VALUE
18. goBackWeb()
19. DSIHexColor (将颜色代码转换为 Flutter 可用的颜色代码)
20. DSI_DRAWER_GO
21. DSI_DRAWER_GO_NAMED
22. DSIBottomNav
23. goBack(context)

示例代码

以下是使用 hello_devsecit 插件的一个简单示例：

// ignore_for_file: sized_box_for_whitespace, prefer_const_constructors, avoid_web_libraries_in_flutter, unused_import

import 'package:flutter/material.dart';
import 'package:hello_devsecit/hello_devsecit.dart';
import 'dart:html' as html; 
import 'package:hello_devsecit/hello_devsecit_web.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Hello DSI DEMO',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 显示一个 H1 标题
            H1(
              text: "H1 文本",
              color: DSIHexColor("#cceeff"),
            ),
            // 显示一个 H2 标题
            H2(
              text: "H2 文本",
              color: DSIHexColor("#000000"),
              fontSize: 12,
            ),
            // 显示一段段落文本
            Padding(
              padding: const EdgeInsets.all(28.0),
              child: Paragraph(
                  text:
                      """Lorem Ipsum 是印刷和排版行业的假文。自 1500 年代以来，Lorem Ipsum 一直是行业的标准假文，当时一位未知的印刷工取了一张活字盘并将其打乱以制作一本活字样本书。它不仅经受了五个世纪的考验，还经受了电子排版的考验，基本上保持不变。1960 年代随着 Letraset 板上 Lorem Ipsum 段落的发布而流行起来，并且最近随着 Aldus PageMaker 等桌面出版软件包括版本的 Lorem Ipsum 而更加普及。"""),
            ),
            // 显示一个主按钮
            Container(
              width: 250,
              child: DSI_PRIMARY_BUTTON(
                title: "主按钮",
                onPressed: () {
                  setWebTitle("这是新标题");
                },
                borderradius: BorderRadius.circular(10),
              ),
            ),
            SizedBox(height: 25),
            // 显示一个次按钮
            Container(
              width: 250,
              child: DSI_SECONDARY_BUTTON(
                title: "次按钮",
                onPressed: () {},
                borderradius: BorderRadius.circular(10),
              ),
            ),
          ],
        ),
      ),
    );
  }
}