forked from lxm_flutter/FlutterUnit
修改readme
This commit is contained in:
toly
186
README.md
186
README.md
@@ -1,14 +1,35 @@
|
||||
|
||||
[](https://github.com/toly1994328/FlutterUnit/stargazers)
|
||||
[](https://github.com/toly1994328/FlutterUnit/network)
|
||||
[](https://github.com/toly1994328/FlutterUnit/blob/master/LICENSE)
|
||||
|
||||
### FlutterUnit 下载体验:
|
||||
#### Flutter Unit 周边
|
||||
- 🔥 [实体书 - 《Flutter之旅》源码下载地址 ](https://gitee.com/toly1994328/FlutterUnit/attach_files/466731/download)
|
||||
- 🔥 [掘金小册 -《Flutter 绘制指南 - 妙笔生花》](https://juejin.im/book/6844733827265331214)
|
||||
- 🔥 [掘金小册 -《Flutter 手势探索 - 执掌天下》](https://juejin.cn/book/6896378716427911181)
|
||||
- 🔥 [掘金小册 -《Flutter 动画探索 - 流光幻影》](https://juejin.cn/book/6965102582473687071)
|
||||
- [Flutter环境配置](https://github.com/toly1994328/FlutterUnit/issues/22)
|
||||
- [Flutter实用插件集录 ](https://github.com/toly1994328/FlutterUnit/issues/41)
|
||||
- [Flutter要点集录 ](https://github.com/toly1994328/FlutterUnit/labels/point)
|
||||
|
||||
|
||||
| FlutterUnit.apk 下载 | FlutterUnit mac版 下载 | FlutterUnit win版 下载 |
|
||||
|------|------------|------------|
|
||||
||| |
|
||||
### FlutterUnit 下载体验: 复制链接，在浏览器下载~
|
||||
|
||||
|
||||
| 平台类型 | 下载地址 | 项目分支地址 | 相关文章 |
|
||||
|------|------------|------|------------|
|
||||
| Android版 | http://toly1994.com/file/FlutterUnit.apk |[flutter_unit](https://github.com/toly1994328/FlutterUnit)| [《FlutterUnit食用指南》](https://juejin.im/post/6844904147045597191)|
|
||||
| iOS版 | 暂未提供，可自己下载项目运行 |[flutter_unit](https://github.com/toly1994328/FlutterUnit)| [《FlutterUnit 食用指南》](https://juejin.im/post/6844904147045597191)|
|
||||
| MacOS版 | http://toly1994.com/file/flutter_unit_mac.zip |[flutter_unit_desk](https://github.com/toly1994328/FlutterUnit/tree/flutter_unit_desk)| [《mac版闪亮登场》](https://juejin.im/post/6844904147817332743)|
|
||||
| Windows版 |http://toly1994.com/file/FlutterUnitWin.zip | [flutter_unit_desk](https://github.com/toly1994328/FlutterUnit/tree/flutter_unit_desk) | [《win版闪亮登场》](https://juejin.im/post/6847902222626488327)|
|
||||
| Web版 | http://toly1994328.gitee.io/flutter_web | [ flutter_unit_web ](https://github.com/toly1994328/FlutterUnit/tree/flutter_unit_web) | [《web版闪亮登场》](https://juejin.im/post/6859888713980182541)|
|
||||
|
||||
---
|
||||
|
||||
> 当前Flutter 版本
|
||||
|
||||
```
|
||||
Flutter 2.5.3 • channel stable • https://github.com/flutter/flutter.git
|
||||
Framework • revision 18116933e7 (4 weeks ago) • 2021-10-15 10:46:35 -0700
|
||||
Engine • revision d3ea636dc5
|
||||
Tools • Dart 2.14.4
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
@@ -21,152 +42,3 @@ Framework • revision 4cc385b4b8 (2 days ago) • 2021-09-07 23:01:49 -0700
|
||||
Engine • revision f0826da7ef
|
||||
Tools • Dart 2.14.0
|
||||
```
|
||||
|
||||
|
||||
#### 一、如何运行出FlutterUnit mac
|
||||
|
||||
##### 1. 如何使用Flutter mac
|
||||
|
||||
|
||||
```!
|
||||
目前稳定版(Stable)本并不支持macos,你可以切换到master分支进行体验。
|
||||
```
|
||||
|
||||
|
||||
- 环境: `重新准备一个FlutterSDK,并使用flutter master分支`
|
||||
- 开启macos 桌面支持: `flutter config --enable-macos-desktop`
|
||||
|
||||
|
||||
```
|
||||
---[• flutter config --enable-macos-desktop
|
||||
|
||||
---[• flutter --version
|
||||
Flutter 1.18.0-7.0.pre.46 • channel master •
|
||||
https://github.com/flutter/flutter.git
|
||||
Framework • revision 1f132e90f8 (11 days ago) • 2020-04-23 11:00:12 +0530
|
||||
Engine • revision d3f1c08f52
|
||||
Tools • Dart 2.9.0 (build 2.9.0-2.0.dev 64b8ded48b)
|
||||
```
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 2. 如何获取FlutterUnit mac代码
|
||||
|
||||
- [FlutterUnit的github项目](https://github.com/toly1994328/FlutterUnit)中新建了一个[flutter_unit_mac](https://github.com/toly1994328/FlutterUnit/tree/flutter_unit_mac)的分支
|
||||
- FlutterUnit mac端，或说桌面端将在这个分支进行维护，和移动端独立。
|
||||
|
||||
|
||||
```!
|
||||
由于移动端和桌面端的情况有很大的不同，而且两者需要的SDK不同。
|
||||
所以我并不在原移动端代码中进行适配，而是新建分支进行两个独立的项目。
|
||||
其实两种完全不同的情景，并没有必要强行合一，否则会感觉到处束手束脚。
|
||||
判断起来也会让代码变的复杂和难以阅读，独立维护也许是更好的选择。
|
||||
```
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 3. 如何运行和打包
|
||||
|
||||
- 获取依赖包: `flutter pub get`
|
||||
- 运行命令: `flutter run -d macos`， 或直接通过`AndroidStudio` 选择设备运行
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
- 打包macos: `flutter build macos`,在`build/macos/Build/Release`中可以看到应用
|
||||
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
#### 二、. FlutterUnit mac 功能简述
|
||||
|
||||
> 由于mac端录屏出的gif太大了，就不放动图了，所有功能同`移动端`
|
||||
使用详情可参见: [【 FlutterUnit 食用指南】 开源篇](https://juejin.im/post/5e94e4d3f265da480836b943)
|
||||
本文会说一下我做FlutterUnit mac端的原因和一些界面的变动。
|
||||
|
||||
---
|
||||
|
||||
##### 1. FlutterUnit主页界面
|
||||
|
||||
- 对于桌面来说，最麻烦的当属`导航栏`了，如果直接用底栏或顶栏，那会非常丑
|
||||
- 通常需要左栏，当然这些对于`动手能力超强`的我，都是小菜。`有就用，没有就造。`
|
||||
- 桌面程序`一般都很宽`,可以用GridView根据情况分多栏显示item,这样会好看些。
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 2. 左滑菜单栏
|
||||
|
||||
- 单击`右侧导航栏底部的设置`可以打开左侧的菜单
|
||||
- 也可以通过`左边滑`来打开左侧的菜单，菜单内容保持一致，功能保持一致
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 3. 组件详情页
|
||||
|
||||
- 调整`相关组件`和介绍的位置，同排显示，好看一些。
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
- 由于`Share插件`还不支持macos,这里`代码分享的功能直接改成代码复制`。
|
||||
- 代码面板的展开功能依旧存在,可通过展开按钮进行展开。
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 4.收藏集功能正常
|
||||
|
||||
- 收藏集的`增删改查操作`和`移动端保持一致`
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 5. 组件详情页的添加收藏
|
||||
|
||||
> 功能保持一致
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
##### 6. 搜索页
|
||||
|
||||
- 模糊查询
|
||||
|
||||
|
||||
|
||||
- 星级查询
|
||||
|
||||
|
||||
|
||||
|
||||
> 其实适配到macos我就花了小半天的时间。主要就是主页右边栏的设计和实现。
|
||||
这也得益于项目的清晰，我知道哪些文件是干嘛的，所以抽离是很重要的，酌情抽出变量、方法或类，不要什么东西都塞在一起，一旦代码变动就是灭顶之灾。另外bloc维护的业务逻辑可以丝毫不动，只需将相关页面的一些结构进行调整即可，这也是bloc的优势。
|
||||
|
||||
---```
|
||||
@@ -21,7 +21,7 @@ packages:
|
||||
name: async
|
||||
url: "https://pub.flutter-io.cn"
|
||||
source: hosted
|
||||
version: "2.7.0"
|
||||
version: "2.8.1"
|
||||
bloc:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -204,7 +204,7 @@ packages:
|
||||
name: meta
|
||||
url: "https://pub.flutter-io.cn"
|
||||
source: hosted
|
||||
version: "1.4.0"
|
||||
version: "1.7.0"
|
||||
mime:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -440,7 +440,7 @@ packages:
|
||||
name: test_api
|
||||
url: "https://pub.flutter-io.cn"
|
||||
source: hosted
|
||||
version: "0.4.1"
|
||||
version: "0.4.2"
|
||||
toggle_rotate:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
|
||||
Reference in New Issue
Block a user