Flutter通用组件插件xcommonwidgets的使用

Introduction

DON’T USE THIS PLUGIN, BECAUSE IT IS ALWAYS IN DEVELOP.
!!USE THIS PLUGIN AT YOUR OWN RISK!!

Features

• 自定义按钮
• 自定义下拉菜单
• 自定义文本输入框
• 带有文本的自定义卡片/容器
• 查看图片或文件的自定义对话框
• 自定义复选框
• 自定义树节点
• 自定义抽屉
• 自定义应用栏/底部栏
• 自定义通用基础小部件

完整示例Demo

以下是一个完整的示例代码，展示如何使用xcommonwidgets插件来构建一个简单的Flutter应用。

import 'package:flutter/material.dart';
import 'package:xcommonwidgets/xcommonwidgets.dart'; // 假设插件名为xcommonwidgets

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: CustomAppBar( // 使用自定义应用栏
          title: "XCommonWidgets Demo",
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              CustomButton( // 使用自定义按钮
                text: "Click Me",
                onPressed: () {
                  print("Button Pressed");
                },
              ),
              SizedBox(height: 20),
              CustomDropDown( // 使用自定义下拉菜单
                items: ["Option 1", "Option 2", "Option 3"],
                onChanged: (value) {
                  print("Selected: $value");
                },
              ),
              SizedBox(height: 20),
              CustomTextFormField( // 使用自定义文本输入框
                hint: "Enter something",
                onChanged: (text) {
                  print("Input: $text");
                },
              ),
              SizedBox(height: 20),
              CustomCardWithText( // 使用带有文本的自定义卡片
                text: "This is a custom card",
                onTap: () {
                  print("Card Tapped");
                },
              ),
              SizedBox(height: 20),
              ElevatedButton( // 使用默认按钮打开自定义对话框
                onPressed: () {
                  showDialog(
                    context: context,
                    builder: (context) => CustomDialogForImageOrFile(), // 自定义查看图片或文件的对话框
                  );
                },
                child: Text("Open Custom Dialog"),
              ),
              SizedBox(height: 20),
              CustomCheckBox( // 使用自定义复选框
                value: false,
                onChanged: (bool newValue) {
                  print("Checkbox State: $newValue");
                },
              ),
              SizedBox(height: 20),
              CustomTreeNode( // 使用自定义树节点
                nodes: [
                  TreeNodeData(label: "Root"),
                  TreeNodeData(label: "Child 1"),
                  TreeNodeData(label: "Child 2"),
                ],
              ),
              SizedBox(height: 20),
              CustomDrawer( // 使用自定义抽屉
                child: Text("Drawer Content"),
              ),
              SizedBox(height: 20),
              CustomBottomBar( // 使用自定义底部栏
                items: [
                  BottomBarItem(icon: Icons.home, label: "Home"),
                  BottomBarItem(icon: Icons.settings, label: "Settings"),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}