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