Flutter
关于Flutter
敲代码的小强
曾在国企、台企、外企,四大工作过,担任移动端组长,架构师。
1.2006年代表河源市龙川县铁场中心小学以队长身份带领队伍参加篮球全县比赛冠军。
2.2008年获得河源市第二届水上运动赛艇项目单人冠军。
3.2009年获得河源市龙川县优秀运动员称号。
4.2016年踏上安卓学习之旅。
5.2020年Flutter开发。
6.2022年学习js,html,css,vue.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Flutter 解决SwiperController: ScrollController not attached to any scroll views.
Flutter 解决SwiperController: ScrollController not attached to any scroll views.原创 2023-01-30 11:50:15 · 1941 阅读 · 0 评论 -
flutter 报A SingleTickerProviderStateMixin can only be used as a TickerProvider once.
flutter 报A SingleTickerProviderStateMixin can only be used as a TickerProvider once.原创 2023-01-18 15:40:48 · 568 阅读 · 0 评论 -
Google Play Install Referrer API 和 Facebook App Ads Referral 集成
由于需要精准的获取投放广告的数据(投放的平台,防止数据的丢失等)。我们使用了Google Play Install Referrer API 和Facebook App Ads Referral结合采集数据,然后通过后台服务记录数据。最后服务器记录的数据与Facebook提供的数据对比,检查数据的真实性、丢包概况等。最后得出结论可以用于后续运营策略。原创 2023-01-10 10:55:11 · 5643 阅读 · 11 评论 -
flutter pod install 报 sudo gem uninstall ffi && sudo gem install ffi -- --enable-libffi-alloc
flutter pod install 报 sudo gem uninstall ffi && sudo gem install ffi -- --enable-libffi-alloc原创 2022-12-08 23:16:24 · 593 阅读 · 0 评论 -
Flutter 更新SDK后报 Build failed due to use of deprecated Android v1 embedding
Flutter 更新SDK后报 Build failed due to use of deprecated Android v1 embedding原创 2022-11-17 20:13:26 · 1855 阅读 · 0 评论 -
flutter报Waiting for another flutter command to release the startup lock..解决方法
Flutter项目中,在使用AS的时候,会遇到提示 Waiting for another flutter command to release the startup lock…解决办法:删除掉 flutter\bin\cache目录下的lockfile文件原创 2022-06-16 15:12:58 · 1010 阅读 · 0 评论 -
AAPT: error: resource android:attr/lStar not found.
今天运行flutter Android 项目,突然就运行不起来了。后来发现是有些插件升级导致的。他们使用了是 androidx.appcompat:appcompat:1.4.0 对应的core:1.7.0androidx.appcompat:appcompat:1.4.0解决方案:把插件的版本改成对应是androidx.appcompat:appcompat:1.3.1对应的core:1.5.0implementation 'androidx.appcompat:app...原创 2022-04-19 13:01:04 · 2391 阅读 · 0 评论 -
Flutter 电商商品名称 标签和文字混排效果实现
一、在商品列表布局中经常会在标题前增加一个标签,如下样式:封装了一个类代码如下:import 'package:amway_superapp_ecommerce/res/colors.dart';import 'package:amway_superapp_ecommerce/util/ec_screen_util.dart';import 'package:flutter/material.dart';/* * @author 小强 * * @time 2022/4/13 19:原创 2022-04-13 20:25:57 · 2633 阅读 · 0 评论 -
flutter解析本地json数组
解析如下代码:如果不知道如何添加本地json的,可以看我另外一篇文章flutter 解析本地json rootBundle.loadString("images/list.json").then((value){ //将json转成list数据 List responseJson = json.decode(value); //将数组循环解析,得到解析后的数组 var list = responseJson.map((m) => EcOr.原创 2022-03-09 11:06:14 · 3035 阅读 · 0 评论 -
flutter报 Baseline is required if you specify the crossAxisAlignment with CrossAxisAlignment.baseline
问题描述:flutter 1.12.13升级 2.8.1后出现以下这个bug。(代码Row或者Column设置有:crossAxisAlignment: CrossAxisAlignment.baseline,就会引起这个报错)textBaseline is required if you specify the crossAxisAlignment with CrossAxisAlignment.baseline'package:flutter/src/widgets/basic.dart':F原创 2022-03-08 13:50:19 · 3748 阅读 · 0 评论 -
Cocoapods配置安装流程
记录开发Flutter配置IOS环境。先安装Xcode开发工具,它将帮你安装好 Unix 环境需要的开发包。然后安装Homebrew安装CocoaPods需要Ruby环境,所以,首先要检查Ruby环境的版本!第一步:首先要检查Mac是否安装了rvm。打开终端,输入指令rvm -v如果显示 command not found。表示没有按照。然后进行第二步。如果安装了跳转到第三步开始。第二步:终端 输入 curl -L get.rvm.io | bash -s sta...原创 2021-12-30 14:28:07 · 1139 阅读 · 0 评论 -
Android混合开发(Android原有项目工程中引入Flutter lib包)
总结在项目中使用了混合发开。我使用的是第一种方法settingsDir.parentFile。因为这样比较好管理代码。Android、IOS、Flutter 三个端各自处理自己代码。1.不会导致代码看的比较复杂。2.因为flutter项目需要在其他二端使用。所以选择了这个方案。第一步:新建一个flutter的module,用于将此module引入到现有android原生的工程中。第二步:在Android 原生项目的project根目录下的settings.gradle文件加入以下配置:.原创 2021-12-26 15:26:18 · 2103 阅读 · 0 评论 -
flutter 解析本地json
在和lib平级 创建两个目录 assets 里面放置json文件在pubspec.yaml里面配置,配置这个后表示可访问assets里面文件使用方法: rootBundle.loadString("images/list.json").then((value){ BaseEntity.fromJson(json.decode(value) , (json) { //数据 print("hzq--->json"原创 2021-12-21 15:06:08 · 1525 阅读 · 0 评论 -
setState() or markNeedsBuild() called when widget tree was locked.错误解决
解决方案:延时下操作。 Future.delayed(Duration(milliseconds: 200)).then((e) { setState(() {}); });原创 2021-12-21 14:58:06 · 1233 阅读 · 0 评论 -
Flutter报错之Waiting for another flutter command to release the startup lock解决方案
解决方案关闭Android Studio 打开flutter安装目录/bin/cache 删除lockfile文件 此时可在命令行再执行flutter相关命令,完美解决原创 2021-11-25 16:56:49 · 1736 阅读 · 0 评论 -
flutter 限制输入数字
TextField( inputFormatters: [ LengthLimitingTextInputFormatter(11), FilteringTextInputFormatter.digitsOnly ], keyboardType: TextInputType.number,设置代码:FilteringTextInputFormatter.digitsOnly原创 2021-07-09 16:10:49 · 526 阅读 · 0 评论 -
Flutter setState() or markNeedsBuild() called during build
1.问题描述:在Flutter中,一边打开软键盘输入文字监听,监听addListener()里面加入setState(),然后在build()方法里面又对Controller.text重新赋值(如下图)。就会报下面这个错误:setState() or markNeedsBuild() called during build.2.分析原因:原因是组件还没有构建完毕,就要更新数据导致的。3.解决方法:目前总结有两种解决方案,根据自己的情况去使用。 1). 我的是边输入边赋值导致的,.原创 2021-06-30 09:53:25 · 2932 阅读 · 0 评论 -
Flutter pod install fatal: unable to access ‘https://chromium.googlesource.com/webm/libwebp/‘解决方案
第一步:前往文件夹:Finder -> 前往文件夹 (⇧⌘G) -> ~/.cocoapods/repos/trunk/Specs/1/9/2/libwebp点击自己项目中的libwebp版本(我的版本是1.2.0)第二步:编辑libwebp.podspec.json文件把 https://chromium.googlesource.com/webm/libwebp替换为https://github.com/webmproject/libwebp.git原创 2021-04-16 17:29:26 · 1121 阅读 · 0 评论 -
Flutter pod install 报 [!] No Podfile found in the project directory解决方案
在当前项目下进行以下六步操作:第一步:切换到ios目录下cd ios第二步:创建Podfilevim Podfile第三步:在Podfile文件里写入以下数据source'https://github.com/CocoaPods/Specs.git'platform:ios,'8.0'inhibit_all_warnings!target 'testDemo' dopod 'AFNetworking', '~> 2.6.0'end第四步:按e原创 2021-04-16 17:18:59 · 5623 阅读 · 2 评论 -
Flutter报setState() called after dispose()错误
1.问题描述:软键盘输入监听动态计算高度中设置setState的调用导致这个问题。2.问题分析:State 对象被从对象数卸载释放之后再次调用 setState 就会报setState() called after dispose()。3.解决方案:State 的 mounted 源码: /// Whether this [State] object is currently in a tree. /// /// After creating a [State] obj.原创 2021-03-24 14:24:57 · 1918 阅读 · 0 评论 -
flutter Bad state No element报错
问题描述:动态创建列表widget.报了多个No element信息.问题分析:由于列表使用的Provider的Consumer接收.刚开始以为是Provider未初始成功导致No element.然后发现并不是.解决方案:查询其api后发现firstWhere还可以接受第二个参数(orElse)作为无返回时的兜底,这里进行如下修改:最后完美解决问题....原创 2021-03-22 17:03:48 · 3983 阅读 · 0 评论 -
flutter dialog中软键盘遮挡解决冲突
在dialog中代码软键盘冲突的解决方案;主要价格这行代码:padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),完整代码:SingleChildScrollView( primary: true, reverse: true, physics: BouncingScrollPhysics(), padding: Ed...原创 2021-01-01 21:49:52 · 1462 阅读 · 2 评论 -
flutter中Dart报Concurrent modification during iteration: Instance(length:4) of ‘_GrowableList‘.
Dart中,如果在collection(集合)的循环中执行增加或删除系统就会抛出这个错误。 List list = [1, 2, 3, 4]; list.forEach((value) { if (value == 2) { list.remove(value); // 会抛出标题的错误 } });其原因在于Dart为了防止多线程下,一个线程正在遍历,而另一个线程修改了collection的结构。而当我们的代码逻辑包含这个需求原创 2020-12-20 16:55:57 · 2072 阅读 · 0 评论 -
flutter TextField 限制输入长度,限制输入数字文字等类型
//限制长度inputFormatters: [LengthLimitingTextInputFormatter(11)],//限制输入数字文字等类型inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],//键盘类型 keyboardType: TextInputType.text,原创 2020-12-14 14:21:52 · 1650 阅读 · 0 评论 -
Flutter与Android交互
这篇博客主要记录自己如何通过Flutter去与Android原生进行交换的记录!Demo下载地址:https://download.youkuaiyun.com/download/hzqit520/13025644下面截图主要标注交互的重点注意事项:未交互的界面:交互后的界面:Flutter代码:import 'package:flutter/material.dart';import 'package:flutter/services.dart';void main(.原创 2020-10-23 15:34:53 · 762 阅读 · 0 评论 -
Flutter常用的库
收集了一些Flutter的常用的库UI展示富文本flutter_html_viewhttps://pub.dartlang.org/packages/flutter_html_view默认情况下,Flutter是没有提供显示Html的组件的,所以如果要显示Html,需要使用三方的包,这个包可以将html呈现给原生的Widget。类似于Android的jsoup插件。flutter_html_textviewhttps://pub.dartlang.org/packages/f..原创 2020-10-22 11:12:47 · 1812 阅读 · 0 评论 -
Flutter 各个组件讲解使用集合-推荐地址
Dart 的基础概念和数据类型:https://segmentfault.com/a/1190000015719209Flutter入门 -- Text:https://www.jianshu.com/p/4a267f0e84afFlutter入门 -- ThemeData:https://www.jianshu.com/p/e9d0bd2747ceFlutter入门--Scaffold:https://www.jianshu.com/p/4ad3ed402aecFlutter入门--Ma.原创 2020-09-22 17:53:42 · 360 阅读 · 0 评论 -
Flutter 项目 报Your app isn't using AndroidX.
今天在学习Flutter开发的过程中导入以前开发的项目报了一个这样的错误,如下图所示:解决方案:1.在gradle.properties中添加如下代码即可:android.enableJetifier=trueandroid.useAndroidX=true正确配置如下图所示:2.重新刷新项目运行即可解决...原创 2020-03-26 11:01:26 · 473 阅读 · 0 评论 -
自学Flutter的心得与整理学习知识点
这是一篇关于自学Flutter的心得:我从2019年4月份安装了Flutter环境.学习了Dart语言,敲了一个电影列表的简单Demo.后来由于公司任务比较繁忙.一个人干着2个人的活,还需要管理移动端.每晚11点下班,所以耽误了学习.现在由于疫情的情况,迟迟未能复工,需要在家自我隔离.加上公司目前在规划,所以开发没有那么紧张,只是维护与开会讨论需求.所以现在还是有时间的自我学习.提高自...原创 2020-03-26 10:49:53 · 1049 阅读 · 0 评论 -
Flutter中报A dependency may only have one source错误
在使用Flutter的时候添加依赖报错了具体错误如下图所示:解决方案:1.pubspec.yaml 文件添加依赖的内容,特别注意 sdk 对齐格式。正确格式如下图所示:2.然后点击 Packages get3.运行的成功结果如下图所示:...原创 2020-03-26 09:48:40 · 1123 阅读 · 0 评论 -
Android Studio完整搭建Flutter教程
Fultter中文官网介绍:https://flutterchina.club/Fultter中文官网安装教程:https://flutterchina.club/get-started/install/1 下载flutter开发包flutter开发SDK使用git克隆仓库下载。至于git的使用不是本篇文章介绍的内容,不熟悉git的请移步git使用详细教程在git命令行下输入...原创 2020-03-25 10:42:41 · 1503 阅读 · 0 评论 -
Flutter导入第三方包出现卡在 package get 的解决办法
问题描述:导入第三方库intl发现package get时间很长最后失败.解决方案:需要使用镜像由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:PUB_HOSTED_URL=https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL=https...原创 2020-03-25 17:12:58 · 5382 阅读 · 0 评论 -
Flutterr中Waiting for another flutter command to release the startup lock... 异常解决
在开发flutter中导入第三方库报Waiting for another flutter command to release the startup lock… 异常解决D:\flutter\bin\flutter.bat --no-color packages getWaiting for another flutter command to release the startup ...原创 2020-03-25 17:01:38 · 5376 阅读 · 0 评论
分享