上线准备

Flutter 修改包名 package name

Friday, May 22, 2020

通常使用flutter create命令创建新的flutter项目时, 包名是默认的com.example(或类似的包名). 很明显在开发一个属于自己的项目时, 这样是不对的. 需要将包名改为自己的或者所在公司的域名反写. 本篇文章就来写下如何修改Flutter的package name (包名). 方法一: 创建项目时指定包名 如果你还未创建项目, 或者已有项目代码量较少, 可以通过此命令来创建项目: flutter create --org 你的域名反写 项目名称 比如: flutter create --org com.bugcatt langaw 当然, 如果你的项目已经成型, 不便于迁移, 那么请考虑下面的方法. 方法二: 代码内修改 修改build.gradle(android) 打开./android/app/build.gradle, 找到类似这样的: defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.bugcatt.flutter_app_desktop" minSdkVersion 16 targetSdkVersion 28 versionCode flutterVersionCode.toInteger() versionName flutterVersionName } 修改其中的applicationId为你自己的. [epcl_box type=“information”]有些同学可能已经注意到了, defaultConfig中已经给出了一个"TODO"让我们处理![/epcl_box] 修改Info.plist(IOS) 打开./ios/Runner.xcodeproj, 搜索关键字PRODUCT_BUNDLE_IDENTIFIER. 修改所有的: PRODUCT_BUNDLE_IDENTIFIER = 包名; [epcl_box type=“notice”]分号什么的别忘记哦![/epcl_box] 修改AppInfo.xcconfig(MacOS) 如果你同样开启了MacOS的桌面应用开发, 则需要本步骤!

修改Flutter的APP图标、启动器图标

Thursday, May 14, 2020

在APP上线前, 我们肯定需要修改APP的启动图标. APP图标代表了它的品牌, 增加了辨识度. 让用户可以在手机的APP列表内快速找到你的APP. 所以本篇博客将记录修改Flutter 的APP图标/启动器图标的全过程. Android图标 查看初始图标 打开目录./android/app/src/main/res, 你会发现有如下几个目录: mipmap-hdpi mipmap-mdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 如图: 当你打开每个文件, 会发现每个图标都是这张初始图片: 图标尺寸规范 我们需要准备以下图片: 对应目录 尺寸 mipmap-mdpi 48×48 mipmap-hdpi 72×72 mipmap-xhdpi 96×96 mipmap-xxhdpi 144×144 mipmap-xxxhdpi 192×192 图标命名规范 它们的文件名通通是ic_launcher.png! 图标目录结构 目录结构: ./android/app/src/main/res/mipmap-mdpi/ic_launcher.png ./android/app/src/main/res/mipmap-hdpi/ic_launcher.png ./android/app/src/main/res/mipmap-xhdpi/ic_launcher.png ./android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png ./android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png 替换完成后, 重新运行你的Flutter项目. 看看你的调试设备的APP启动图标, 你应该就可以看到修改的结果了! 感谢 Pexels 上的 Pixabay 拍摄的照片 结语 如果你对本篇文章有任何问题, 欢迎在下方评论区, 进行讨论, 或加入阿航的技术小站交流群 欢迎访问阿航的技术小站 官网, 获取更多技术干货!