Medium App Clone

medium_logo

使用Dart/Flutter框架、getx进行状态管理开发的Medium应用程序克隆，使用假数据进行展示（至少目前是这样）

?屏幕截图

screenshot screenshot screenshot screenshot

? 任务

  • 底部导航栏
  • 主页
    • 头部
      • 页面标题
      • icon
    • 带TabModel()的标签栏
      • 滚动时固定的/粘性的标签栏，可导航
        • 仅在向下滚动时固定，在顶部时会再次显示标题
      • 角落渐变效果
      • 加号图标将显示与不同标签不同的视图
    • Divider
    • 浮动操作按钮
    • 文章标签栏视图
      • 闪烁加载效果
      • 惰性文章加载
    • 来自ArticleModel()的文章卡片
      • 作者信息（资料、图片、作者）
      • 主要信息（标题、文章图片）
        • 文章所属的社区名称（如果存在）
      • 动态发布日期、上次阅读日期
      • 操作图标及其枚举
        • 将文章添加到书签
        • 从视图中移除文章的操作
        • 弹出菜单操作
    • 仅用于“为你推荐”标签的文章卡片
      • 带标签芯片
      • 显示原因，例如“基于历史记录”、“你可能喜欢”……
    • 其他标签的文章卡片
      • 基于“为你推荐”文章卡片
    • 滑动时圆形的刷新指示器
  • 搜索页面
    • 继承自主页的头部
    • 搜索栏
    • 标签芯片滚动视图
      • 继承自主页文章卡片的芯片
      • 能够响应on(Tap , PanDown , PanCancel , PanEnd)
    • 热门副标题
    • 热门文章卡片
      • 文章的动态枚举
      • 继承自主页文章卡片的作者信息
      • 继承自主页文章卡片的主要信息
      • 继承自主页文章卡片的日期信息
      • 闪烁效果
    • 所有角落的高亮滚动视图
      • 标题/副标题
      • 来自HighlightModel()的高亮卡片
        • 头部图片
        • 标题
        • 角落/社区
    • 关注的人
      • 个人资料图片
      • 作者
      • 简介
      • 关注按钮
  • 书签页
  • 用户资料页
  • 添加文章页
  • 选择标签页
  • 通知页
  • 在上下文通知中完成阅读

? 用法

首先，确保您至少拥有Flutter v3.3和Dart v2.16.0。然后在命令行中运行此命令

git clone https://github.com/anasfik/medium_app_clone.git
cd medium_app_clone
flutter get packages
flutter run

✏️ 贡献

您可以通过贡献/帮助此项目来成为该项目的一部分，所有类型的贡献都欢迎来到此项目，从

  • 使用应用程序并报告问题、错误、功能
  • 纠正拼写和不好的代码语法
  • 使事物具有响应性，如悬停/点击效果、搜索栏的响应
  • 重构代码
  • 添加更多小部件、屏幕（如果您可以）
  • 完成任务列表中的缺失任务
  • 编写一个功能
  • 将图标更改为更轻巧的图标，因为Flutter中的Icon不轻（您可以使用svg或库）
  • 链接到真实的API（我知道这是我的工作，我也会尽力完成）
  • 或者 pretty everything else ?

GitHub

查看 Github