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

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

項目地址

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

演示效果

在這裏插入圖片描述


運行

  • 查看一下版本號是否正確
flutter --version
複製代碼
  • 運行如下命令查看是否須要安裝其它依賴項來完成安裝
flutter doctor
複製代碼
  • 運行啓動您的應用
flutter packages get 
flutter run
複製代碼

項目集成介紹

本項目精選了目前Flutter最實用的幾個庫,可大大提升開發的效率。git


使用指南

1.克隆項目github

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

2.修改項目名(文件夾名),並刪除目錄下的.git文件夾(隱藏文件)web

3.使用AS或者VSCode打開項目,而後分別修改flutter、Android、ios項目的包名、應用ID以及應用名等信息。緩存

Flutter目錄修改

  • 修改項目根目錄pubspec.yaml文件, 修改項目名、描述、版本等信息。

【注意】這裏修改完pubspec.yaml中的name屬性後,flutter項目的包名將會修改,這裏我推薦你們使用全局替換的方式修改比較快。例如我想要修改nameflutter_app,在VSCode中你能夠選擇lib文件夾以後右擊,選擇在文件夾中尋找, 進行全局替換:bash

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

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

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

Android目錄修改

  • 修改android目錄下的包名。

在VSCode中你能夠選擇android文件夾以後右擊,選擇在文件夾中尋找, 進行全局替換。

【注意】修改包名以後,記住須要將存放MainActivity.kt類的文件夾名也一併修改,不然將會找不到類。

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

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

IOS目錄修改

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

打包

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

更多資源

微信公衆號

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

在這裏插入圖片描述
相關文章
相關標籤/搜索