Flutter信用卡UI – 教程?

关于项目

本项目包含了一个 Flutter 教程 的源代码,该教程旨在通过创建信用卡组件来练习 Flutter 的基本布局概念。

在本 教程 中,我们将为布局绘制图表,以确定我们将使用的 Flutter 小部件。

通过本 教程,我将尝试让您清晰地理解如何组合和嵌套 Flutter 小部件以实现所需的布局。

开始 ✔️

  1. 您的机器上应该已安装稳定版本的 Flutter
  2. 克隆仓库

git clone https://github.com/Houssem-Selmi/booki.git

  1. 进入源代码文件夹

cd flutter-credit-card

  1. 运行应用

flutter run

? 您应该会看到 Android、iOS 或 Web 输出,具体取决于您的设备。

恭喜 ? ?

现在,一切设置正确,您可以开始探索源代码了,别忘了关注 教程 进行练习。

作者 ✏️

?‍? Houssem Selmi

许可证

代码在 MIT 许可证 下发布。

GitHub

查看 Github