推荐Flutter知乎App实践项目

Flutter实践之知乎App

预览图:

7433ac5c-5486-46dd-8cc3-8b60fce373fd.jpg787c17a4-c37b-4134-984e-6a5c3f7d0e38.jpg29cf1c2a-1707-4955-a7bb-4cd255edba8f.jpg


开发环境

Flutter 1.0.0channel stablehttps://github.com/flutter/flutter.git Frameworkrevision 5391447fae (9 weeks ago) • 2018-11-29 19:41:26 -0800 Enginerevision 7375a0f414 ToolsDart 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 大致结构

6cd9b4ce-3bcf-44f2-aa1f-a33cad02482b.png

采用类似 Android 模块化思想,将整个 App 的内容分为5个部分.1f5bd857-f02c-42a6-9493-fc5a937402aa.png


Ui 细节

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

  • 上拉加载更多

  • ......

暂不叙述,期待后续文章总结。项目目前还在更新完善中,预计使用Redux、Sqlflite等技术栈填充数据部分,本项目部分界面及工具类来自Flutter_CommonApp 。

#### 数据结构

71410599-77e1-4e59-9e0d-22a3fe16a1ae.png7e116b50-92d5-447c-9214-bf4f36fb51de.png1e2ca6f3-cc0c-4cee-9d83-5d81f07e347e.png

第三方框架

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

正在集成状态管理!

鸣谢

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

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

项目地址:https://github.com/MeandNi/Flutter_ZhiHu

本博客所有文章如无特别注明均为原创。作者:flutter教程网复制或转载请以超链接形式注明转自 Flutter教程网
原文地址《推荐Flutter知乎App实践项目
分享到:更多

相关推荐


Flutter教程网 官方QQ群:874592746

扫描下面二维码 加入Flutter教程网微信群:


发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)