Samir 在线商店	Samir 在线商店

Samir 在线商店

Samir 在线商店 下载器

这是一个 Flutter 项目。在这里，卖家可以根据特定的类别和品牌上传产品。顾客可以像亚马逊、Flipkart 应用一样，通过类别和品牌名称导航产品。此外，顾客还可以将自己选择的产品添加到购物车和愿望清单。添加到购物车后，在未来版本中将有可能使用在线 Stripe 付款方式（使用借记卡/信用卡）订购产品（已添加到购物车）。此应用还具备将浅色主题更改为深色主题或反之的功能。

应用描述

Flutter 介绍页 新手引导

Flutter 介绍页 新手引导是一个 Flutter 插件，可帮助您为您的应用制作酷炫的介绍。制作介绍从未如此简单快捷。

截图	截图

截图	截图

翻转卡片（登录/注册）

一个提供翻转卡片动画的组件。可用于隐藏和显示产品详情。

Teddy 登录

使用 JCToon's Flare 文件作为自定义 UI 组件构建的示例。
熊会跟随您的光标移动，或在您移动光标时移动。

登录页概览

基本思想是使用 JCToon 文件中的 ctrl_face 节点来改变泰迪的注视方向，就像右侧的 gif 中所示的那样。

这是通过使用自定义的 FlareControls 完成的，可在 /lib/pages/sign_in/bear_log_in_controller.dart 中找到。

FlareControls 是 FlareController 接口的自定义实现。
该接口可在 flare_actor.dart 中找到，它有三个方法。

abstract class FlareController {
  void initialize(FlutterActorArtboard artboard);
  void setViewTransform(Mat2D viewTransform);
  bool advance(FlutterActorArtboard artboard, double elapsed);
}

BearLogInController 的一个实例被传递给 /lib/pages/sign_in/sign_in_page.dart 中的 FlareActor。这会将控制器绑定到该小部件，并允许它使用三个覆盖方法执行自定义操作。

FlareActor(
    "assets/Teddy.flr",
    controller: _bearLogInController,
    [...]
)

在此示例中，initialize() 将通过库调用 artboard.getNode("ctrl_face") 获取对 ctrl_face 节点的引用。

此外，通过扩展 FlareControls，BearLogInController 可以利用此接口的具体实现。

• play(String animationName)
• advance(double elapsed) – 一个基本实现，用于推进和混合多个动画。

社交登录

也允许社交登录（Google / Facebook）。

社交登录	社交登录

关于我（信息）

您可以在此处找到关于我以及我的联系方式的简要信息。

社交联系方式

您可以通过 Facebook for Developers 网站上的 Facebook API 令牌找到我的 Facebook 帖子。您也可以通过我的任何联系方式给我发邮件或给我发消息。

截图	截图

截图	截图

在线商店描述

这是一个 Flutter 项目。在这里，卖家可以根据特定的类别和品牌上传产品。顾客可以像亚马逊、Flipkart 应用一样，通过类别和品牌名称导航产品。此外，顾客还可以将自己选择的产品添加到购物车和愿望清单。添加到购物车后，在未来版本中将有可能使用在线 Stripe 付款方式（使用借记卡/信用卡）订购产品（已添加到购物车）。此应用还具备将浅色主题更改为深色主题或反之的功能。

截图	截图

Flurry 抽屉

用 Flutter 构建的美丽抽屉。

商店的一些截图

截图	截图

截图	截图

截图	截图

截图	截图

截图	截图

截图	截图

截图	截图

反馈情绪 Google 表格数据库

新的动画 Flutter 评分 UI，带有基于用户评分的动画情绪，它还接受书面反馈并将其上传到 Google 表格文件，如以下视频所示。

Google 表格数据库

这个项目的想法是将反馈上传到 Google 表格，所以在这个项目中我们使用 Google 表格作为数据库。

App Script

要打开 App Script，我们将使用它来创建和部署 API，以便我们可以使用 Google 表格作为数据库。为此，请按照以下步骤操作：

• 通过“工具”–>“脚本编辑器”打开 App Script。
• 写入以下 .gs 代码。
  
• 打开 Google 表格访问权限。
• 将应用部署为 Web 应用。

浅色模式和深色模式

该应用程序支持浅色和深色模式。上面的截图是从深色模式拍摄的，接下来的截图是从浅色模式拍摄的。

浅色模式截图	浅色模式截图

浅色模式截图	浅色模式截图

浅色模式截图	浅色模式截图

浅色模式截图	浅色模式截图

浅色模式截图	浅色模式截图

浅色模式截图	浅色模式截图

即将推出的版本中计划添加的功能

这是我的应用的版本，但不会是最后一个版本，后续还将有许多版本，并且计划在未来版本中添加的一些功能是：

• 在线支付
• 多语言

分享应用

请分享这个应用，别忘了为我祈祷。

更新应用

这是应用程序的第一个版本，应用程序仍在开发中，因此任何发现错误或有想法更新应用程序并使其对更多学生有用的任何人，请联系我，这些是我的联系方式。

联系我

关注我并点亮我的仓库⭐

给我的仓库加星和关注我，在 GitHub 和不同的社交媒体上关注我将有助于我继续下去。

许可证和可访问性

* 这是我的包的第一个版本，所以如果您看到任何问题，您可以随时打开一个 issue。
* 该项目是开源的，您可以帮助 Flutter 学生使用现有的组件和屏幕来构建他们自己的项目（如果需要），因此它是完全免费的，任何人都可以在任何时候与我联系以获得代码帮助。

贡献

欢迎 Pull requests。对于重大更改，请先打开一个 issue 来讨论您想进行的更改。

感谢阅读

GitHub

查看 Github