An open API service indexing awesome lists of open source software.

https://github.com/MeandNi/flutter_zhihu

开发知乎App的Flutter版。
https://github.com/MeandNi/flutter_zhihu

android flutter-demo flutter-examples flutter-redux ios zhihu

Last synced: 1 day ago
JSON representation

开发知乎App的Flutter版。

Awesome Lists containing this project

README

        

## Flutter实践之知乎App

预览图:

![app展示](./show/showapp.jpg)

![app展示](./show/showapp2.jpg)

![app展示](./show/showapp3.jpg)

#### 开发环境

```
Flutter 1.0.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 5391447fae (9 weeks ago) • 2018-11-29 19:41:26 -0800
Engine • revision 7375a0f414
Tools • Dart 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)
```

#### 编译运行

1. 克隆代码

```
git clone https://github.com/MeandNi/Flutter_ZhiHu.git
```

2. 安装依赖

```
flutter packages get
```

#### UI 大致结构

![](./show/common.png)

采用类似 Android 模块化思想,将整个 App 的内容分为5个部分.

![](./show/common2.png)

#### Ui 细节

- 自定义透明 Toolbar 随滚动渐变

- 上拉加载更多
- ......

暂不叙述,期待后续文章总结。项目目前还在更新完善中,预计使用Redux、Sqlflite等技术栈填充数据部分,本项目部分界面及工具类来自[Flutter_CommonApp](https://link.juejin.im/?target=https%3A%2F%2Fgithub.com%2FMeandNi%2FFlutter_CommonApp) 。

#### 数据结构

![](./show/recommend.png)

![](./show/idea.png)

![](./show/question.png)

#### 第三方框架

| 库 | 功能 |
| -------------------------- | ------------ |
| **dio** | **网络框架** |
| **carousel_slider** | **轮播图** |
| **cached_network_image** | **图片加载** |
| **share** | **链接分享** |
| **flutter_webview_plugin** | **WebView** |

正在集成状态管理!

#### 鸣谢

感谢那些热爱开源、一起奋斗的朋友们。

值得学习的话,Star哦^_^

更多实例/新书开源:https://github.com/MeandNi/flutter_source_code