Flutter-UI-Kit

本项目旨在提供一个终极的真实应用 UI 集合。我在构建 Flutter UIKit 时是为了满足我自己的需求,同时也意在展示良好的应用结构和干净、组织良好的 Flutter 代码库。

flutter_uikit_top

源代码 100% 用 Dart 编写,所有内容都位于 /lib 文件夹中。

本项目将尽量只展示最好、最流行、设计精良的模板,这些模板实际上会满足您的需求并对您有用,而不是用大量低质量的模板让您不知所措。

Flutter-UI-Kitv3-1

Flutter-UI-Kitv

Flutter-UI-Kit

可用模板

模板类别 当前可用
个人资料 查看个人资料、个人资料 2
购物 购物清单、购物详情、产品详情
登录 OTP 登录、登录 2
时间线 动态、推文
仪表板 仪表板 1、仪表板 2
设置 设备设置
无项目 无搜索结果
Payment 信用卡、支付成功

项目构建

缺少 Key.Properties 文件

如果您尝试立即构建项目,您将收到一个错误,抱怨缺少 key.properties 文件,并且来自 /Flutter-UI-Kit-master/android/gradlew app:properties: 的退出代码为 1。要解决此问题,

  1. 请打开 r\Flutter-UI-Kit-master\android\app\build.gradle 文件并注释掉以下行-
//keystoreProperties.load(new FileInputStream(keystorePropertiesFile))

signingConfigs {
// release {
// keyAlias keystoreProperties['keyAlias']
// keyPassword keystoreProperties['keyPassword']
// storeFile file(keystoreProperties['storeFile'])
// storePassword keystoreProperties['storePassword']
// }
}
buildTypes {
// release {
// signingConfig signingConfigs.release
// }
}
  1. 请打开 r\Flutter-UI-Kit-master\android\local.properties 并添加-
flutter.versionName=1.0.0
flutter.versionCode=1
flutter.buildMode=release

技术栈和从源码构建

本项目目前使用最新的 Flutter Master 版本构建,启用了 Dart 2。

要构建项目,请确保您已安装最新版本的 Flutter SDK。然后,在项目根目录中运行 flutter run,或使用您喜欢的 IDE。

贡献指南

本项目对所有类别的所有类型的贡献都持开放态度。共同努力,我们可以将其打造成迄今为止最出色的 Flutter UIKit,免费提供给所有人,永远!

对于资源贡献,请遵循以下格式:[引用名称](链接) - 描述,并提交一个 Pull Request。如果您想贡献多个资源,请为每个资源单独提交 PR。请考虑在添加资源时,维护类别默认的排序顺序,例如字母排序。

如果您有关于包含更多类别的建议,请随时打开一个 Github issue 以便我们进行更多讨论。请不要贡献低质量、垃圾或自我推广的内容。让我们保持项目干净且有用。

如果您觉得这里提供的某个资源/模板不适合本项目,应该被移除,请随时通过打开一个 issue 告知我们。

:heart: 觉得这个项目有用吗?

如果您觉得这个项目有用,请考虑在 Github 上给它一个 :star:,并通过社交媒体与您的朋友分享。

GitHub

https://github.com/iampawan/Flutter-UI-Kit