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

深藏阁楼爱情的钟 2023-02-18 09:35 193阅读 0赞

> Flutter空壳模板工程，已搭建基础框架，实现国际化、主题换肤、登录注册等功能，可在此基础上简单修改实现自己的应用功能。

## 项目地址 ##

[https://github.com/xuexiangjys/flutter\_template][https_github.com_xuexiangjys_flutter_template], 喜欢的话就点个赞,star一下吧~

## 演示效果 ##

![在这里插入图片描述][20200617000132652.gif]

--------------------

## 运行 ##

*  查看一下版本号是否正确

flutter --version

*  运行以下命令查看是否需要安装其它依赖项来完成安装

flutter doctor

*  运行启动您的应用

flutter packages get 
    flutter run

## 项目集成介绍 ##

> 本项目精选了目前Flutter最实用的几个库，可大大提高开发的效率。

*  [cached\_network\_image (网络缓存图片)][cached_network_image]
 *  [dio (非常好用的网络请求库)][dio]
 *  [event\_bus (事件工具)][event_bus]
 *  [fluro (页面路由神器)][fluro]
 *  [flutter\_easyrefresh (刷新组件)][flutter_easyrefresh]
 *  [flutter\_webview\_plugin (网页加载)][flutter_webview_plugin]
 *  [flutter\_spinkit (loading加载动画)][flutter_spinkit _loading]
 *  [flutter\_swiper (轮播图组件)][flutter_swiper]
 *  [flutter\_xupdate (应用版本更新)][flutter_xupdate]
 *  [oktoast][]
 *  [path\_provider (路径)][path_provider]
 *  [package\_info (应用包信息)][package_info]
 *  [permission\_handler 权限申请][permission_handler]
 *  [provider (非常好用的数据共享工具)][provider]
 *  [share (分享)][share]
 *  [shared\_preferences][shared_preferences]
 *  [url\_launcher (链接处理)][package_info]

--------------------

## 使用指南 ##

1.克隆项目

git clone https://github.com/xuexiangjys/flutter_template.git

2.修改项目名（文件夹名），并删除目录下的.git文件夹（隐藏文件）

3.使用AS或者VSCode打开项目，然后分别修改flutter、Android、ios项目的包名、应用ID以及应用名等信息。

### Flutter目录修改 ###

*  修改项目根目录`pubspec.yaml`文件, 修改项目名、描述、版本等信息。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70]  
    【注意】这里修改完`pubspec.yaml`中的`name`属性后，flutter项目的包名将会修改，这里我推荐大家使用全局替换的方式修改比较快。例如我想要修改`name`为`flutter_app`,在VSCode中你可以选择`lib`文件夹之后右击，选择`在文件夹中寻找`, 进行全局替换:  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 1]
 *  修改`lib/core/http/http.dart`中的网络请求配置，包括：服务器地址、超时、拦截器等设置
 *  修改`lib/core/utils/privacy.dart`中隐私服务政策地址
 *  修改`lib/core/utils/xupdate.dart`中版本更新检查的地址

### Android目录修改 ###

*  修改android目录下的包名。

在VSCode中你可以选择`android`文件夹之后右击，选择`在文件夹中寻找`, 进行全局替换。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 2]

【注意】修改包名之后，记住需要将存放`MainActivity.kt`类的文件夹名也一并修改，否则将会找不到类。

*  修改应用ID。修改`android/app/build.gradle`文件中的`applicationId`
 *  修改应用名。修改`android/app/src/main/res/values/strings.xml`文件中的`app_name`

### IOS目录修改 ###

ios修改相对简单，直接使用XCode打开ios目录进行修改即可。如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 4]

## 打包 ##

*  直接打包：  
    `flutter build apk`
 *  64位-release：  
    `flutter build apk --release --target-platform android-arm64`
 *  32位-release：  
    `flutter build apk --release --target-platform android-arm`

--------------------

## 更多资源 ##

*  [flutter入门级学习Demo工程][flutter_Demo]
 *  [flutter\_xupdate 一键实现Flutter应用版本更新][flutter_xupdate _Flutter]
 *  [实用版Android空壳模板工程][Android]
 *  [简化版Android空壳模板工程][Android 1]
 *  [X-Library系列Android应用框架详解][X-Library_Android]

## 微信公众号 ##

> 更多资讯内容，欢迎扫描关注我的个人微信公众号！

![在这里插入图片描述][20200328014515902.jpg]

[https_github.com_xuexiangjys_flutter_template]: https://github.com/xuexiangjys/flutter_template
[20200617000132652.gif]: https://img-blog.csdnimg.cn/20200617000132652.gif
[cached_network_image]: https://pub.dev/packages/cached_network_image
[dio]: https://pub.dev/packages/dio
[event_bus]: https://pub.dev/packages/event_bus
[fluro]: https://pub.dev/packages/fluro
[flutter_easyrefresh]: https://pub.dev/packages/flutter_easyrefresh
[flutter_webview_plugin]: https://pub.dev/packages/flutter_webview_plugin
[flutter_spinkit _loading]: https://pub.dev/packages/flutter_spinkit
[flutter_swiper]: https://pub.dev/packages/flutter_swiper
[flutter_xupdate]: https://pub.dev/packages/flutter_xupdate
[oktoast]: https://pub.dev/packages/oktoast
[path_provider]: https://pub.dev/packages/path_provider
[package_info]: https://pub.dev/packages/url_launcher
[permission_handler]: https://pub.dev/packages/permission_handler
[provider]: https://pub.dev/packages/provider
[share]: https://pub.dev/packages/share
[shared_preferences]: https://pub.dev/packages/shared_preferences
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020061700031799.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020061700035965.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200617000424618.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200617000445975.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200617000457282.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz,size_16,color_FFFFFF,t_70
[flutter_Demo]: https://github.com/xuexiangjys/FlutterSample
[flutter_xupdate _Flutter]: https://github.com/xuexiangjys/flutter_xupdate
[Android]: https://github.com/xuexiangjys/TemplateAppProject
[Android 1]: https://github.com/xuexiangjys/TemplateSimpleProject
[X-Library_Android]: https://github.com/xuexiangjys/AndroidAdvancedLearning/blob/master/framework/X-Library%E7%B3%BB%E5%88%97Android%E5%BA%94%E7%94%A8%E6%A1%86%E6%9E%B6%E8%AF%A6%E8%A7%A3.md
[20200328014515902.jpg]: https://img-blog.csdnimg.cn/20200328014515902.jpg