快速上手系列--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


相关文章
|
8月前
|
存储 Dart 前端开发
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
59 0
|
12月前
|
Android开发 iOS开发
Flutter应用开发,系统样式改不了?SystemChrome 状态栏、导航栏、屏幕方向……想改就改
Flutter应用开发,系统样式改不了?SystemChrome 状态栏、导航栏、屏幕方向……想改就改
|
12月前
|
开发框架 Dart 测试技术
Flutter 应用开发的pubspec.yaml文件说明
Flutter 应用开发的pubspec.yaml文件说明
|
Android开发
Android Studio中添加Flutter模板直接调用
Android Studio中添加Flutter模板直接调用
162 0
Android Studio中添加Flutter模板直接调用
|
Web App开发 前端开发 JavaScript
目标全平台的Flutter支持Web应用开发了!
Flutter作为一个可移植的UI框架,已经支持现代Web应用开发了!我们很开心已经发布了SDK预览版,这样你可以在Web浏览器里直接运行你的Flutter UI代码。 原文链接:Flutter Web - 目标全平台开发的Flutter再下一城!- 汇智网 Flutter Web的目标 从去年Beta版发布以来,客户们已经使用Flutter来创建可以运行在iOS和Android上的移动应用了。
2589 0
|
30天前
|
缓存 监控 前端开发
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
【4月更文挑战第30天】本文探讨了Flutter应用启动优化策略,包括理解启动过程、资源加载优化、减少初始化工作、界面布局简化、异步初始化、预加载关键数据、性能监控分析以及案例和未来优化方向。通过这些方法,可以缩短启动时间,提升用户体验。使用Flutter DevTools等工具可助于识别和解决性能瓶颈,实现持续优化。
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
|
28天前
|
前端开发 C++ 容器
Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础)(1)
Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础)(1)
|
22小时前
|
Dart 前端开发 JavaScript
Flutter for Web:跨平台移动与Web开发的新篇章
Flutter for Web是Google的开源UI工具包Flutter的延伸,用于构建高性能、高保真的跨平台应用,包括Web。它基于Dart语言和Flutter的核心框架,利用Skia渲染引擎通过WebAssembly在Web上运行。开发流程包括安装SDK、创建项目、编写Dart代码和部署。性能优化涉及减少渲染开销、代码压缩等。与传统Web框架相比,Flutter for Web在开发效率和性能上有优势,但兼容性和生态系统尚待完善。
6 0
|
3天前
|
Dart 监控 测试技术
在Flutter开发中,注重代码质量与重构实践显得尤为重要
【6月更文挑战第11天】随着Flutter在跨平台开发的普及,保持高质量代码成为开发者关注的重点。良好的代码质量关乎应用性能、稳定性和开发效率。为提升Flutter代码质量,开发者应遵循最佳实践,编写可读性高的代码,实施代码审查和自动化测试。重构实践在应对代码复杂性时也至关重要,包括识别重构时机、制定计划、逐步操作及利用重构工具。注重代码质量和重构是Flutter开发成功的关键。
17 3