Flutter开发常见问题,解决小技巧

2024-09-03 12:38

本文主要是介绍Flutter开发常见问题,解决小技巧,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.Android Studio 4.0 以上打包编译报错;

Execution failed for task ':app:lintVitalRelease'.
> Could not resolve all artifacts for configuration ':app:debugRuntimeClasspath'.> Failed to transform libs.jar to match attributes {artifactType=processed-jar, org.gradle.libraryelements=jar, org.gradle.usage=java-runtime}.> Execution failed for JetifyTransform: E:\FlutterSpace\xxxx\build\app\intermediates\flutter\debug\libs.jar.> Transform's input file does not exist: E:\FlutterSpace\xxxx\build\app\intermediates\flutter\debug\libs.jar. (See https://issuetracker.google.com/
issues/158753935)* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.* Get more help at https://help.gradle.org

1.在子build.gradle添加以下代码:

android{lintOptions { checkReleaseBuilds false }
}

解决方案:原文地址:https://my.oschina.net/u/4364921/blog/4725237

2.Exception: Gradle build failed to produce an .apk file. It’s likely that this file was generated under /build, but the tool couldn’t find it.

打包时找不到渠道包名导致;

1.通过VSCode找到项目当中有一 launch.json 文件

{// Use IntelliSense to learn about possible attributes.// Hover to view descriptions of existing attributes.// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"name": "YOUR_PROJECT_NAME",//你项目的名称"program": "lib/main.dart","request": "launch","type": "dart","args": ["--flavor","ADD_YOUR_FLAVOR_NAME_HERE" //配置你的渠道包名]}]

2.通过Andorid Studio 找到子build.gradle文件添加渠道配置;

android {compileOptions {targetCompatibility JavaVersion.VERSION_1_8sourceCompatibility JavaVersion.VERSION_1_8}android.applicationVariants.all {variant ->variant.outputs.all {//在这里修改apk文件名outputFileName = "-v${variant.versionName}-${variant.productFlavors[0].name}-release.apk"}}productFlavors {pgyer {}   // 蒲公英huawei {}       // 华为商店baidu {}        // 百度手机助手yinyongbao {}   // 应用宝xiaomi {}   // 小米oppo {}   // OPPOvivo {}   // VIVOs360 {}   // 360lenovo {}   // 联想aliuc {}   // 阿里UC}// 批量渠道包值替换(有些第三方库中需要用到渠道名)productFlavors.all { flavor ->// 友盟推送渠道包, UMENG_CHANNEL_VALUE 是根据你AndroidManifest.xml来配置的,请看下面。flavor.manifestPlaceholders = [UMENG_CHANNEL_VALUE: name]}//解决打包异常的问题lintOptions { checkReleaseBuilds false }
}

解决方案:https://stackoverflow.com/questions/59732883/flutter-gradle-build-failed-to-produce-an-apk-file-its-likely-that-this-file

3._positions.isNotEmpty, ‘ScrollController not attached to any scroll views.’

具体报错问题;

The following assertion was thrown building Swiper(state: _SwiperState#e86c5):
ScrollController not attached to any scroll views.
'package:flutter/src/widgets/scroll_controller.dart':
Failed assertion: line 108 pos 12: '_positions.isNotEmpty'

解决方案:https://blog.csdn.net/youtiankeng/article/details/107419322

4.Android studio Flutter 开发快捷键

https://flutter.cn/docs/development/tools/android-studio

5.Flutter WebView js交互

html 测试代码块

<html>
<head><title>Js调用Flutter</title><script>function Close() {AppWndClose.postMessage("JS调用了Flutter");}</script>
</head><body>
<br>
<input type="button" value="关闭" onclick="Close()"/>
</body>
</html>

flutter 测试代码块

WebView(javascriptChannels: <JavascriptChannel>[ JavascriptChannel(name: 'AppWndClose',onMessageReceived: (JavascriptMessage message) {showToast(message.message);})].toSet(),
)

我们要注意的是代码里面使用的都是AppWndClose ;这个是我们要注意到的;
参考地址:https://zhuanlan.zhihu.com/p/124797055

6.Flutter WebView跳转dart界面

  1. 通过js的方法进行调用;
class CustomWebViewPage extends StatefulWidget {final String url;CustomWebViewPage({Key key,@required this.url,});@overridecreateState() => _PageState();
}class _PageState extends State<CustomWebViewPage> with WidgetsBindingObserver {_PageState();FlutterWebviewPlugin _webViewPlugin = FlutterWebviewPlugin();double lineProgress = 0.0;bool loadError = false;HomeModel homeModel;initState() {super.initState();_webViewPlugin.onProgressChanged.listen((progress) {print(progress);setState(() {lineProgress = progress;});});_webViewPlugin.onHttpError.listen((progress) {setState(() {loadError = true;});});_webViewPlugin.onStateChanged.listen((event) {if (event.type == WebViewState.finishLoad) {}setState(() {});});WidgetsBinding.instance.addObserver(this);EventBus.getDefault().register(this, (data) {if (data is PublishPostsEvent || data == 'tabRankList') {_webViewPlugin.evalJavascript("RefreshMissionList()").then((res) {print("evaluateJavascript-res: ${res}");});}});_wlakPermission(false);}@overridevoid didChangeAppLifecycleState(AppLifecycleState state) {print("-didChangeAppLifecycleState-" + state.toString());switch (state) {case AppLifecycleState.inactive: // 处于这种状态的应用程序应该假设它们可能在任何时候暂停。break;case AppLifecycleState.resumed: //从后台切换前台,界面可见_webViewPlugin.evalJavascript("AppOnShow()").then((res) {print("evaluateJavascript-res: ${res}");});break;case AppLifecycleState.paused: // 界面不可见,后台_webViewPlugin.evalJavascript("AppOnHide()").then((res) {print("evaluateJavascript-res: ${res}");});;break;case AppLifecycleState.detached: // APP结束时调用break;}}@overrideWidget build(BuildContext context) {homeModel = Provider.of<HomeModel>(context);return WebviewScaffold(url: widget.url,mediaPlaybackRequiresUserGesture: false,withZoom: false,withJavascript: true,clearCookies: true,hidden: true,javascriptChannels: <JavascriptChannel>[JavascriptChannel(name: "AppWndClose",onMessageReceived: (JavascriptMessage message) {NavigatorUtils.goBack(context);}),_postThread(),_partInTopic(),].toSet(),initialChild: Container(child: Stack(children: [Center(child: StateLayout(type: loadError ? StateType.network : StateType.loading,)),_setTitle(context),],),));}_postThread() {return JavascriptChannel(name: "eventPostThread",onMessageReceived: (JavascriptMessage message) {_webViewPlugin.hide();print("参数: ${message.message}");NavigatorUtils.push(context, ProfileRouter.publishPosts).then((value) {_webViewPlugin.show();_webViewPlugin.evalJavascript("RefreshMissionList()").then((res) {print("evaluateJavascript-res: ${res}");});});});}_partInTopic() {return JavascriptChannel(name: "eventTaskPartinTopic",onMessageReceived: (JavascriptMessage message) {// 因为flutter_webview_plugin 是浮在flutterUI上的一层视图,它不在widget树中,跳转到dart页面时,需要隐藏掉web页面_webViewPlugin.hide();NavigatorUtils.push(context, TopicRouter.topic).then((value) {//再跳回来时再显示web页面_webViewPlugin.show();_webViewPlugin.evalJavascript("RefreshMissionList()").then((res) {//同时调用web端接口进行刷新操作;});});});}_setTitle(context) {return Positioned(left: 15,top: MediaQuery.of(context).padding.top + 5,child: BackButton(onPressed: () {NavigatorUtils.goBack(context);},),);}_progressBar(double progress, BuildContext context) {return Offstage(offstage: progress == 1.0,child: Container(child: LinearProgressIndicator(backgroundColor: Colors.blueAccent.withOpacity(0),value: progress == 1.0 ? 0 : progress,valueColor: new AlwaysStoppedAnimation<Color>(Colors.lightBlue),),height: 2,));}@overridevoid dispose() {_webViewPlugin.dispose();WidgetsBinding.instance.removeObserver(this);EventBus.getDefault().unregister(this);super.dispose();}
}
  1. 通过加载URL的形式进行监听响应跳转;

///省略上面代码;@overridevoid initState() {super.initState();flutterWebviewPlugin.onUrlChanged.listen((loadUrl){//WebviewScaffold 加载的url变化时触发此方法// print('===>>当前 url:$loadUrl');// h5 点退出按钮,关闭webViewif (loadUrl.endsWith('/backapp')){flutterWebviewPlugin.close();pop();}// 跳转到dart页面else if (loadUrl.endsWith('/policy')){// 因为flutter_webview_plugin 是浮在flutterUI上的一层视图,它不在widget树中,跳转到dart页面时,需要隐藏掉web页面,再跳回来时再显示web页面flutterWebviewPlugin.hide(); routePush(ClassRoomPage()).then((value) {flutterWebviewPlugin.show();flutterWebviewPlugin.reloadUrl(widget.url);});//跳转到dart页面时,也可以关闭掉web页面,再跳回来时再创建一个web页面// flutterWebviewPlugin.close();// routePush(ClassRoomPage()).then((value){//   flutterWebviewPlugin.launch(widget.url,//     rect: new Rect.fromLTWH( // 设置web页面的尺寸//       0.0,//       _navBarHeight,//       MediaQuery.of(_context).size.width,//       MediaQuery.of(_context).size.height-_navBarHeight,//     ),//   );// });}});//加载错误时监听// flutterWebviewPlugin.onHttpError.listen((error){//   print('加载错误:${error.code}  ${error.url}');// });//加载状态变化监听// flutterWebviewPlugin.onStateChanged.listen((state){//   print('状态监听:${state.type.toString()}');// });}

参考文章:flutter_webview_plugin 与dart页面跳转使用

7. cmdline-tools component is missing Run path/to/sdkmanager --install "cmdline-tools;latest"

参考文章:https://blog.csdn.net/weixin_41824429/article/details/118942087

8.android studio安装和flutter project创建卡住问题解决

参考文章:https://blog.csdn.net/lucynie/article/details/106928231

9. Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

参考文章:https://www.jianshu.com/p/4feeec038482

10.Flutter Getx 结合 TabView

参考文章:https://stackoverflow.com/questions/63924491/how-to-build-a-tabview-using-flutter-getx

11. Flutter 项目window应用鼠标无法滚动


const Set<PointerDeviceKind> _kTouchLikeDeviceTypes = <PointerDeviceKind>{PointerDeviceKind.touch,PointerDeviceKind.mouse,PointerDeviceKind.stylus,PointerDeviceKind.invertedStylus,PointerDeviceKind.unknown
};MaterialApp(...scrollBehavior: const MaterialScrollBehavior().copyWith(scrollbars: true,dragDevices: _kTouchLikeDeviceTypes),...
);//如果你使用的是Getx框架同上,有相同的属性;scrollBehavior

参考文章:https://www.cnblogs.com/yangyxd/p/15080537.html

12. Flutter 项目window应用运行异常

问题:

CMake Error at CMakeLists.txt:2 (project):GeneratorVisual Studio 16 2019could not find any instance of Visual Studio.

具体解决方法:

https://stackoverflow.com/questions/69944913/cmake-error-while-running-flutter-desktop-application/69951396#69951396 。 Flutter 2.9 版支持 VS 2022,而您使用的 2.8.1 版仅支持 VS 2019。只需安装 2019 并试一试。
如果你想在 2.8.1 版本中使用 VS 2022,这里是解决方法。 stackoverflow.com/a/69951396/6566310 我想这个解决方法是值得的。
感谢您提供这两种解决方案。但我确实选择了第一个,现在它正在工作。

解决方案:https://www.likecs.com/ask-5954170.html

12. Flutter创建本地 Library 工具类

解决方案:https://www.jianshu.com/p/70f874765965

13. Unsupported class file major version 59

解决方案:https://github.com/grpc/grpc-java/issues/8264

14. Lint infrastructure error

解决方案:https://juejin.cn/post/7037307560977760292

这篇关于Flutter开发常见问题,解决小技巧的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1132979

相关文章

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

如何解决线上平台抽佣高 线下门店客流少的痛点!

目前,许多传统零售店铺正遭遇客源下降的难题。尽管广告推广能带来一定的客流,但其费用昂贵。鉴于此,众多零售商纷纷选择加入像美团、饿了么和抖音这样的大型在线平台,但这些平台的高佣金率导致了利润的大幅缩水。在这样的市场环境下,商家之间的合作网络逐渐成为一种有效的解决方案,通过资源和客户基础的共享,实现共同的利益增长。 以最近在上海兴起的一个跨行业合作平台为例,该平台融合了环保消费积分系统,在短

购买磨轮平衡机时应该注意什么问题和技巧

在购买磨轮平衡机时,您应该注意以下几个关键点: 平衡精度 平衡精度是衡量平衡机性能的核心指标,直接影响到不平衡量的检测与校准的准确性,从而决定磨轮的振动和噪声水平。高精度的平衡机能显著减少振动和噪声,提高磨削加工的精度。 转速范围 宽广的转速范围意味着平衡机能够处理更多种类的磨轮,适应不同的工作条件和规格要求。 振动监测能力 振动监测能力是评估平衡机性能的重要因素。通过传感器实时监

Linux_kernel驱动开发11

一、改回nfs方式挂载根文件系统         在产品将要上线之前,需要制作不同类型格式的根文件系统         在产品研发阶段,我们还是需要使用nfs的方式挂载根文件系统         优点:可以直接在上位机中修改文件系统内容,延长EMMC的寿命         【1】重启上位机nfs服务         sudo service nfs-kernel-server resta

滚雪球学Java(87):Java事务处理:JDBC的ACID属性与实战技巧!真有两下子!

咦咦咦,各位小可爱,我是你们的好伙伴——bug菌,今天又来给大家普及Java SE啦,别躲起来啊,听我讲干货还不快点赞,赞多了我就有动力讲得更嗨啦!所以呀,养成先点赞后阅读的好习惯,别被干货淹没了哦~ 🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,助你一臂之力,带你早日登顶🚀,欢迎大家关注&&收藏!持续更新中,up!up!up!! 环境说明:Windows 10