Flutter知乎App实践:UI+Json+Utils

预览图:

app展示
app展示
app展示
app展示

开发环境

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. 克隆代码

    源码地址:https://github.com/MeandNi/Flutter_ZhiHu

  2. 安装依赖

    flutter packages get
    

UI 大致结构

image

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

image

Ui 细节

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

数据结构(结构图壕无专业性可言,仅供观赏😀。)

image
image
image

第三方框架

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

鸣谢

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

值得学习的话,Star哦_

GitHub地址:https://github.com/MeandNi/Flutter_ZhiHu

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容