Flutter Element UI
English | 简体中文
基于 Element Plus 设计风格的 Flutter UI 组件库,旨在加速 Flutter 应用开发。
🚧 正在开发
工作太忙!!!!! 该组件仍然在开发状态,预计 10 月底有稳定版本上线
🚀 特性
- 📦 90% 使用 Flutter 基础组件构建,确保最佳兼容性
- 🎨 遵循 Element Plus 设计规范,提供一致的视觉体验
- 🌍 全平台支持(Android、iOS、Web、Windows、Linux、macOS)
- 🛠 简单易用的 API 设计
- 📱 响应式布局支持
- 🎯 渐进式平台特定 UI 适配
📋 开发计划
x基础组件开发平台特定 UI 适配文档完善示例应用单元测试性能优化
📦 安装
在 pubspec.yaml 中添加依赖:
dependencies:
flutter_element: ^0.1.0 # 版本号待定
🎯 快速开始
import 'package:flutter_element_plus/flutter_element_plus.dart';
// 使用按钮组件示例
ElementButton(
type: ElementButtonType.primary,
onPressed: () {
// 处理点击事件
},
child: Text('按钮'),
)
📚 组件列表
基础组件
xButton 按钮xInput 输入框xSelect 选择器xRadio 单选框xCheckbox 多选框xSwitch 开关xSlider 滑块xRate 评分
数据展示
xTag 标签xProgress 进度条xTable 表格xPagination 分页xTimeline 时间线xTree 树形控件
反馈组件
xDialog 对话框xMessage 消息提示xNotification 通知xLoading 加载xAlert 警告
导航组件
xMenu 菜单xTabs 标签页xBreadcrumb 面包屑xSteps 步骤条xDropdown 下拉菜单
其他组件
🤝 贡献指南
欢迎提交 Pull Request 或创建 Issue 来帮助改进这个项目。
📄 开源协议
本项目采用 MIT License 开源协议。
🔗 相关链接
- Element Plus - 设计灵感来源
- Flutter - 开发框架
- Flutter 中文网 - Flutter 中文资源
- Dart 中文网 - Dart 语言中文资源