Flutter空壳模板工程,已搭建基础框架,实现国际化、主题换肤、登录注册等功能,可在此基础上简单修改实现自己的应用功能。
- 查看一下版本号是否正确
flutter --version
- 运行以下命令查看是否需要安装其它依赖项来完成安装
flutter doctor
- 运行启动您的应用
flutter packages get
flutter run
本项目精选了目前Flutter最实用的几个库,可大大提高开发的效率。
- flutter_i18n(国际化插件)
- auto_route(自动路由注册插件)
- cached_network_image (网络缓存图片)
- dio (非常好用的网络请求库)
- event_bus (事件工具)
- fluro (页面路由神器)
- flutter_easyrefresh (刷新组件)
- flutter_webview_plugin (网页加载)
- flutter_spinkit (loading加载动画)
- flutter_swiper (轮播图组件)
- flutter_xupdate (应用版本更新)
- oktoast
- path_provider (路径)
- package_info (应用包信息)
- permission_handler 权限申请
- provider (非常好用的数据共享工具)
- share (分享)
- shared_preferences
- url_launcher (链接处理)
1.克隆项目
git clone https://github.com/xuexiangjys/flutter_template.git
2.修改项目名(文件夹名),并删除目录下的.git文件夹(隐藏文件)
3.使用AS或者VSCode打开项目,然后分别修改flutter、Android、ios项目的包名、应用ID以及应用名等信息。
- 修改项目根目录
pubspec.yaml
文件, 修改项目名、描述、版本等信息。
【注意】这里修改完pubspec.yaml
中的name
属性后,flutter项目的包名将会修改,这里我推荐大家使用全局替换的方式修改比较快。例如我想要修改name
为flutter_app
,在VSCode中你可以选择lib
文件夹之后右击,选择在文件夹中寻找
, 进行全局替换:
-
修改
lib/core/http/http.dart
中的网络请求配置,包括:服务器地址、超时、拦截器等设置 -
修改
lib/core/utils/privacy.dart
中隐私服务政策地址 -
修改
lib/core/utils/xupdate.dart
中版本更新检查的地址
- 修改android目录下的包名。
在VSCode中你可以选择android
文件夹之后右击,选择在文件夹中寻找
, 进行全局替换。
【注意】修改包名之后,记住需要将存放MainActivity.kt
类的文件夹名也一并修改,否则将会找不到类。
-
修改应用ID。修改
android/app/build.gradle
文件中的applicationId
-
修改应用名。修改
android/app/src/main/res/values/strings.xml
文件中的app_name
ios修改相对简单,直接使用XCode打开ios目录进行修改即可。如下图所示:
注意,本项目进行自动路由注册的文件是在
lib/router/route_map.dart
进行注册的,自动生成的路由表文件是lib/router/route_map.gr.dart
.
- 使用[watch]实时动态刷新路由表
flutter packages pub run build_runner watch
- 生成一次路由表
flutter packages pub run build_runner build