为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Android

预览图:

webp

app展示

webp

app展示

webp

app展示

webp

app展示

开发环境

Flutter 1.0.0 • channel stable • https://github.com/flutter/flutter.gitFramework • revision 5391447fae (9 weeks ago) • 2018-11-29 19:41:26 -0800Engine • 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 大致结构

webp

image

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

webp

image

Ui 细节

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

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

webp

image

webp

image

webp

image

第三方框架

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



作者:Meandni
链接:https://www.jianshu.com/p/ddb65e5a50d0


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消