Samir 在线商店	Samir 在线商店

Samir 在线商店

Samir 在线商店下载器

这是一个 Flutter 项目。在这里，卖家可以根据特定的类别和品牌上传产品。客户可以通过类别和品牌名称导航产品，就像亚马逊、Flipkart 应用一样。此外，客户还可以将自己选择的产品添加到购物车和愿望清单。添加到购物车后，在未来的版本中将可以使用在线 Stripe 支付方式（使用借记卡/信用卡）订购产品（已添加到购物车）。此应用支持从浅色模式切换到深色模式，反之亦然。

应用描述

Flutter 介绍屏 引导页

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

截图	截图

截图	截图

翻转卡片（登录/注册）

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

泰迪登录

使用 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 Drawer

一个用 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