Flutter Admin Template
Responsive web with light/dark mode and multi language supported. The objective of this project is
to develop an admin portal website with Flutter v3 (SDK version 3.13.4).
Live demo
Web 优化
通过加载web 发现https://fonts.gstatic.com/s/notosanssc下载了NotoSansSC和Roboto
https://fonts.gstatic.com/s/roboto/v20/Roboto.ttf Robot
canvaskit.wasm
家里穷出去不方便,避免去外面下载 做以下几步
- 定义 fontFamily: ‘NotoSansSC’
- Roboto 更换链接 a6.push(p.x6(d,e.G3(d),j))}}if(!m)a6.push(p.x6(“Roboto”
,“https://githubityu.github.io/live_flutter_admin/assets/assets/fonts/Roboto.ttf”,“Roboto”))
- 打包web flutter build web --web-renderer auto
–dart-define=FLUTTER_WEB_CANVASKIT_URL=./canvaskit/
Setup
1 Clone the repo
$ git clone https://github.com/githubityu/flutter_admin_template.git $ cd flutter_admin_template
2 Running:
$ flutter run • 1
登录
注册
英文 亮色主题 中文 暗黑主题
管理员登录权限 根据权限动态添加路由
第三方依赖
名称及版本 | 作用 |
flutter_hooks | 钩子 |
hooks_riverpod | 状态管理 |
riverpod_annotation | 状态管理 |
dio: | 网络请求 |
retrofit | 网络请求 |
webview_flutter | 内置webview加载 |
ityu_tools | 工具 |
flex_color_scheme | 主题颜色 |
go_router | 路由 |
go_router_builder | 路由 |
awesome_dialog | 弹框 |
flutter_smart_dialog | 弹框提示 |
logger | 日志 |
License
MIT
最后
如果你喜欢这个项目,欢迎给我一个star。里面可能还有许多需要修改的bug,欢迎大家提出来,我将持续更新这个项目)
下一步用dartfrog写接口,然后后台管理接入