Fit Track

一款使用 Firebase 开发的训练应用。

应用视频和截图

fit_track_ss

Firebase Auth 截图

firebase_auth

库

初始化 Flutter 项目，在 pubspec.yaml 配置文件中添加上面提到的所有必需依赖项，然后运行 pub get。

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.2

  #Text
  google_fonts: ^4.0.3

  #Responsive
  sizer: ^2.0.15

  #Image
  flutter_svg: ^2.0.5

  #Navigation
  go_router: ^6.2.0

  #Splash
  flutter_native_splash: ^2.2.19

  #State Management
  flutter_bloc:

  #Equality
  equatable:

  #Firebase
  firebase_core:
  cloud_firestore:
  firebase_auth:
  google_sign_in:

  #Local Storage
  flutter_secure_storage:

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^2.0.0

flutter_native_splash:
  color: "#ffffff"
  image: assets/images/splash.png  

flutter:
  fonts:
    - family: Moderat
      fonts:
        - asset: assets/fonts/Moderat-Bold.ttf
        - asset: assets/fonts/Moderat-Regular.ttf
  uses-material-design: true
  
  assets:
      - assets/icons/
      - assets/images/

文件夹

首先，在我们的 src>lib 文件夹中有两个主要的构建。它们是 view 和 core 结构。

  • core：此层是负责管理或启动我们主要工作的部分。

base：此层包含我们的主要函数和单例文件。

components：此层包含我们可以在页面上使用的窗口小部件，例如按钮、应用程序栏，我们可以在此处创建它们，并使用参数在需要的地方自定义它们。

constants：此层由两个结构组成，这两个结构是应用程序和枚举结构。

extensions：此层和项目包含基本结构，如 String 和 int。

init：此层由 3 个主要结构组成。这些结构是 cache、dependency_injection 和 routes。

  • view：此层包含我们的屏幕。我们可以为每个屏幕创建一个文件夹。在 view 中，每个页面都有一个文件夹。

GitHub

查看 Github