快速上手系列--Flutter应用开发模板

简介: 快速上手系列--Flutter应用开发模板

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文件, 修改项目名、描述、版本等信息。


网络异常,图片无法展示
|


【注意】这里修改完pubspec.yaml中的name属性后,flutter项目的包名将会修改,这里我推荐大家使用全局替换的方式修改比较快。例如我想要修改nameflutter_app,在VSCode中你可以选择lib文件夹之后右击,选择在文件夹中寻找, 进行全局替换:


网络异常,图片无法展示
|


  • 修改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


相关文章
|
19天前
|
Dart 安全 API
Android跨平台开发之Dart 3.5 与 Flutter 3.24:革新跨平台应用开发
【Dart 3.5 与 Flutter 3.24:革新跨平台应用开发】首发于公众号“AntDream”。本文深度解析 Dart 3.5 和 Flutter 3.24 的新特性,包括空安全强化、Web 与原生互操作性增强及 Flutter GPU API 等,展示了如何提升代码质量和用户体验。
36 1
|
30天前
|
存储 JavaScript 开发者
Flutter应用开发:掌握StatefulWidget的实用技巧
Flutter应用开发:掌握StatefulWidget的实用技巧
34 0
|
11月前
|
存储 Dart 前端开发
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
72 0
|
Android开发 iOS开发
Flutter应用开发,系统样式改不了?SystemChrome 状态栏、导航栏、屏幕方向……想改就改
Flutter应用开发,系统样式改不了?SystemChrome 状态栏、导航栏、屏幕方向……想改就改
|
开发框架 Dart 测试技术
Flutter 应用开发的pubspec.yaml文件说明
Flutter 应用开发的pubspec.yaml文件说明
|
Android开发
Android Studio中添加Flutter模板直接调用
Android Studio中添加Flutter模板直接调用
181 0
Android Studio中添加Flutter模板直接调用
|
开发者
重磅首发|闲鱼构建Flutter企业级应用开发电子书新鲜出炉
简介: 《Flutter企业级应用开发实战手册》重磅升级!本书由浅入深、娓娓道来地讲述 Flutter 核心知识点,更囊括进阶与深度内容。全书结合知识点,配以相关案例与实践进行讲解,通过思路引导,举一反三。
486 0
重磅首发|闲鱼构建Flutter企业级应用开发电子书新鲜出炉
|
移动开发 Linux weex
可算有人把 Flutter 企业级应用开发说清楚了
闲鱼技术作为 Flutter 先驱和探路者的一些心路历程。
可算有人把 Flutter 企业级应用开发说清楚了
|
Web App开发 前端开发 JavaScript
目标全平台的Flutter支持Web应用开发了!
Flutter作为一个可移植的UI框架,已经支持现代Web应用开发了!我们很开心已经发布了SDK预览版,这样你可以在Web浏览器里直接运行你的Flutter UI代码。 原文链接:Flutter Web - 目标全平台开发的Flutter再下一城!- 汇智网 Flutter Web的目标 从去年Beta版发布以来,客户们已经使用Flutter来创建可以运行在iOS和Android上的移动应用了。
2601 0
下一篇
云函数