快速上手系列--Flutter應用開發模板

xuexiangjys發表於2020-06-16

Flutter空殼模板工程,已搭建基礎框架,實現國際化、主題換膚、登入註冊等功能,可在此基礎上簡單修改實現自己的應用功能。

專案地址

github.com/xuexiangjys…, 喜歡的話就點個贊,star一下吧~

演示效果

在這裡插入圖片描述


執行

  • 檢視一下版本號是否正確
flutter --version
複製程式碼
  • 執行以下命令檢視是否需要安裝其它依賴項來完成安裝
flutter doctor
複製程式碼
  • 執行啟動您的應用
flutter packages get 
flutter run
複製程式碼

專案整合介紹

本專案精選了目前Flutter最實用的幾個庫,可大大提高開發的效率。


使用指南

1.克隆專案

git clone https://github.com/xuexiangjys/flutter_template.git
複製程式碼

2.修改專案名(資料夾名),並刪除目錄下的.git資料夾(隱藏檔案)

3.使用AS或者VSCode開啟專案,然後分別修改flutter、Android、ios專案的包名、應用ID以及應用名等資訊。

Flutter目錄修改

  • 修改專案根目錄pubspec.yaml檔案, 修改專案名、描述、版本等資訊。

快速上手系列--Flutter應用開發模板

【注意】這裡修改完pubspec.yaml中的name屬性後,flutter專案的包名將會修改,這裡我推薦大家使用全域性替換的方式修改比較快。例如我想要修改nameflutter_app,在VSCode中你可以選擇lib資料夾之後右擊,選擇在資料夾中尋找, 進行全域性替換:

快速上手系列--Flutter應用開發模板

  • 修改lib/core/http/http.dart中的網路請求配置,包括:伺服器地址、超時、攔截器等設定

  • 修改lib/core/utils/privacy.dart中隱私服務政策地址

  • 修改lib/core/utils/xupdate.dart中版本更新檢查的地址

Android目錄修改

  • 修改android目錄下的包名。

在VSCode中你可以選擇android資料夾之後右擊,選擇在資料夾中尋找, 進行全域性替換。

快速上手系列--Flutter應用開發模板

【注意】修改包名之後,記住需要將存放MainActivity.kt類的資料夾名也一併修改,否則將會找不到類。

  • 修改應用ID。修改android/app/build.gradle檔案中的applicationId

  • 修改應用名。修改android/app/src/main/res/values/strings.xml檔案中的app_name

IOS目錄修改

ios修改相對簡單,直接使用XCode開啟ios目錄進行修改即可。如下圖所示:

快速上手系列--Flutter應用開發模板

快速上手系列--Flutter應用開發模板

打包

  • 直接打包: flutter build apk
  • 64位-release: flutter build apk --release --target-platform android-arm64
  • 32位-release: flutter build apk --release --target-platform android-arm

更多資源

微信公眾號

更多資訊內容,歡迎掃描關注我的個人微信公眾號!

在這裡插入圖片描述

相關文章