Flutter走过的坑(持续更新)
1 Target of URI doesn't exist 'package:flutter/material.dart'
官方下载的flutter中有一个example文件夹,里面有很多flutter的小demo,打开其中一个demo,执行运行的指令后,出现该错误。
错误原因是没有下载flutter依赖包,就像RN没有执行npm install 一样
解决方法:执行flutter packages get
2 flutter: command not found
flutter环境变量的配置
mac配置环境变量参考该网址https://jingyan.baidu.com/article/8065f87f47b29523312498e4.html
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="$PWD/flutter/bin:$PATH"
关闭终端,重新打开一次就可以了
具体可以参考https://flutter.dev/community/china
3 Error on line 45, column 4 of pubspec.yaml: Expected a key while parsing a block mapping
assets:
^
assets前面多了一个空格,删除就好了
4 More than one device connected; please specify a device with the '-d <deviceId>' flag, or use '-d all' to act on all devices.
ios和flutter混合开发,使用flutter attach可以调试flutter代码
但是运行flutter attach后并没有出现预期的效果,而是出现了
More than one device connected; please specify a device with the '-d <deviceId>' flag, or use '-d all' to act on all devices.
“xxx”的 iPhone • b13a6cf6ca28106dcbd0d6273c205d0fec8583aa • ios • iOS 12.1.2
iPhone X • 108E3AF0-CFF1-4069-8989-0CF95B2EAD31 • ios • iOS 12.1 (simulator)
当时就仔细看第一行是啥意思,又上网查资料浪费的好长时间,感觉是个好低级的错误。
其实就是同时连接了2个设备,运行flutter attach -d <deviceId>选择其中一个就可以了,
或者断开一个设备,只连接一个设备就好了
5 A RenderFlex overflowed by 240 pixels on the right
渲染的部分超出屏幕右侧的宽度了
解决外层包裹一个可以滑动的widget,例如SingleChildScrollView,
因为我是水平方向超出了,所以还需要加上
shrinkWrap = true
为了你ListView
。ListView(
shrinkWrap: true,
children...
)
可参考: https://cloud.tencent.com/developer/ask/138715
7 ScrollView嵌套ListView滚动冲突
解决: ListView添加physics:NeverScrollableScrollPhysics(),禁用ListView的滚动。
await Future.delayed(Duration(seconds: 6,));
),这样可以保证连接成功前还没有运行到我们的断电,成功后正常进入断点。
body: TabBarView(
controller: model._tabController,
children: <Widget>[
Content,
Content
]
) class Content extends StatelessWidget{ @override
Widget build(BuildContext context) {
return Center(child: Text("测试"),);
} }
解决: 调用时加上小括号,将Content改成Content()就可以了
10 dart中map方法获取index
参考: https://cloud.tencent.com/developer/ask/207919/answer/321886
List arr = ["a", "b", "c"];
List.asMap().map((index, item)=> MapEntry(index,Text(item)
)).values.toList()
11 当电脑删除原来的flutter sdk,然后在官网上下载最新的flutter版本后,建议重新更新环境变量,否则会有问题
12. 关于GestureDetector中onTap点击事件对空白处点击不相应的bug
GestureDetector(
child: Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Text("左"),
Text("右")
],
),
),
onTap: () {
print("点击了Container");
},
);
如上代码所示,当点击文字“左”“右”时会触发点击时间,点击其他地方并不会触发点击事件,如果想点击其他空白处也触发点击事件,可以在Contaier加一个color属性,如下代码所示
GestureDetector(
child: Container(
color: Colors.transparent,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Text("左"),
Text("右")
],
),
),
onTap: () {
print("点击了Container");
},
);
13 由于本地flutter环境与服务器打包flutter环境不一致导致连续点击2次flutter页面崩溃的问题
原来使用的flutter版本为1.2.1,之后升级了flutter版本到1.5.4,对应pubspec.lock中对应的依赖版本有变化
只是本地升级,服务器环境没有升级,所以打包时环境不对,出现了连续点击2次flutter页面导致崩溃,
升级服务器的flutter环境后,问题解决
14 pageView放在stack里,而此时stack是column的子组件,容易出错,将放置顺序调整为column放在stack里面,pageView放在column中没有问题
需要主要stack和colum的放置顺序
15 Unhandled Exception: 'package:flutter/src/widgets/scroll_controller.dart': Failed assertion: line 110 pos 12: '_positions.isNotEmpty': ScrollController not attached to any scroll views.
这个问题找解决方案找了很长时间
终于在这个网站https://stackoverflow.com/questions/52296387/scrollcontroller-jumpto-scrollcontroller-not-attached-to-any-scroll-views看到解决的要点
问题是出在
_pageController.animateToPage(
_index,
duration: changeTimeOut,
curve: Curves.linear
);
我使用了上面的代码,但是此时_pageController是没有的(向上滑动后这部分UI不显示了,所以flutter就不渲染了,我理解_pageController也就不存在了),所以报错了。
解决方案是加一个判断,等向上滑动后UI不显示了,就不执行这部分代码就好了
上面那个网站给出了是 if (_scrollController.hasClients){}
对应我的代码的解决方案是if (_scrollController.offset < 200) {上面的代码}
16 输入flutter attach时出现以下提示
Waiting for another flutter command to release the startup lock...
解决:
此时需要打开 flutter/bin/cache/lockfile,删除就行了
参考:https://www.jianshu.com/p/7507d087e9f1
17 更新flutter版本1.7.8+hotfix.3后出现以下错误
Error: The argument type 'Null Function(ImageInfo, bool)' can't be assigned to the parameter type 'ImageStreamListener'.
解决方法:
将出现错误的地方
_imageStream.addListener(_handleImageLoaded);
改成
_imageStream.addListener(ImageStreamListener(_handleImageLoaded));
18 [FATAL:flutter/third_party/txt/src/minikin/FontCollection.cpp(95)] nTypefaces == 0
[ERROR:flutter/third_party/txt/src/minikin/FontFamily.cpp(184)] Could not get cmap table size!
原因是引用的字体或者图标不存在
19 [FATAL:flutter/runtime/dart_vm.cc(380)] Error while initializing the Dart VM: Wrong full snapshot version, expected '1d7acad1540192ac459cf60344efb7c1' found 'c8562f0ee0ebc38ba217c7955956d1cb'
问题发生于升级flutter sdk之后,看上边的日志Wrong full snapshot version可以猜测:升级了sdk,但是之前已生成的编译产物还是旧的,不匹配,需要重新build一下
144行 RunCommand find "${derived_dir}/engine/Flutter.framework" -type f -exec chmod a-w "{}" \; => RunCommand find "${derived_dir}/engine/Flutter.framework" -type f -iname '.h' -exec chmod a-w "{}" \;
Flutter走过的坑(持续更新)的更多相关文章
- 移动端H5制作安卓和IOS的坑 持续更新...
移动端H5制作安卓和IOS的坑 持续更新... 前言:最近参加公司的H5页面创意竞赛,又遇到不少页面在不同系统上的坑.踩坑之余,觉得很多之前遇到的知识点都忘了,索性开一篇博文,把这些坑都统一归纳起来, ...
- 微信小程序的坑(持续更新中)
参与微信小程序开发有一段时间了,先后完成信息查询类和交易类的两个不同性质的小程序产品的开发:期间遇到各种各样的小程序开发的坑,有的是小程序基础功能不断改进完善而需要业务持续的适配,有的是小程序使用上的 ...
- Xcode7.2与iOS9之坑 (持续更新)
GitHub地址 前几天升级OS X EI Capitan 10.11.1, 以及Xcode7.1,正好赶上公司新产品上线,要做iOS9的适配,遇到各种坑,各种查资料,随之记录总结一下遇到的坑. 先说 ...
- kubernetes 中遇见的一些坑(持续更新)
一.官网镜像无法下载 解决方法:需要翻墙 配置docker翻墙机: cat /usr/lib/systemd/system/docker.service [Service] Environment ...
- 【Go】开发中遇到的坑——持续更新
关于CGo多语言编译 问题出现在将openCV封装到go语言的时候.在编译时需要设置 CGO_ENABLED=1 GOOS=linux GOARCH=amd64 go build -o xxx mai ...
- Windows批处理命令学习中遇到的坑--持续更新中
再次拾起windows批处理命令,下边将一些遇到的小问题写出来,希望可以帮到大家 1.set命令:set主要的作用是为变量赋值,类似于编程语言中的var i = Value:但是在使用的过程中一定要注 ...
- python中的“坑”—持续更新
1.判断是否是回文 def is_back(s): ]==(s if s.strip() else False) print(is_back('上海自来水来自海上')) print(is_back(' ...
- WebView的坑[持续更新]
返回错误的 innerHeight,如 240(WebView returns bad window.innerHeight) http://stackoverflow.com/questions/1 ...
- 【MySQL】各种小坑-持续更新
中文乱码问题 在建表的时候额外执行 ALTER TABLE camera CONVERT TO CHARACTER SET utf8; 如果还是不行注意看一下precision,为2的时候容易出现?? ...
随机推荐
- HDU3394 Railway —— 点双联通分量 + 桥(割边)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3394 Railway Time Limit: 2000/1000 MS (Java/Others) ...
- 什么叫强类型的DATASET ?对DATASET的操作处理?强类型DataSet的使用简明教程
强类型DataSet,是指需要预先定义对应表的各个字段的属性和取值方式的数据集.对于所有这些属性都需要从DataSet, DataTable, DataRow继承,生成相应的用户自定义类.强类型的一个 ...
- [Codeforces 839C] Journey
[题目链接] http://codeforces.com/contest/839/problem/C [算法] 概率DP 时间复杂度 : O(N) [代码] #include<bits/stdc ...
- 【SCOI 2005】 繁忙的都市
[题目链接] 点击打开链接 [算法] 题目描述比较繁琐,但细心观察后,发现其实就是用kruskal算法求最小生成树 [代码] #include<bits/stdc++.h> using n ...
- bzoj3668 [Noi2014]起床困难综合症——贪心
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=3668 一开始想着倒序推回去看看这一位能不能达到来着,因为这样好中途退出(以为不这样会T): ...
- win10解决vc++6.0不兼容问题方法
这个方法我是可以用了 所以就写在着勒... 1 这个是百度云链接 先下载这个东西 放在电脑上 http://pan.baidu.com/s/1c2MihLA(一个MSDEV.EXE) 2然后找到这个目 ...
- python 面向对象八 多继承
python是支持多继承的,在设计类的继承关系时,通常,主线都是单一继承下来的.但是,如果需要“混入”额外的功能,通过多重继承就可以实现,这种设计通常称之为MixIn. 为了更好地看出继承关系,以Mi ...
- 前缀和小结 By cellur925
这篇主要是来介绍前缀和的QAQ. 前缀和有一维的和二维的,一维的很容易理解,高中数学必修5第二章数列给出了前n项和的概念,就是前缀和.一维的我们在这里简单说一句. 一维前缀和 预处理:在输入一个数列的 ...
- sublime 解决中文乱码
步骤: 在Sublime Text里,按ctrl+`,打开Console,一次性输入如下代码: import urllib.request,os; pf = 'Package Control.subl ...
- QString:常用成员函数总结
QString是Qt中使用频率最高的几种数据类型之一,主要在于其提供了大量功能强大的成员函数,这里重点介绍一些常用的成员函数: 一.字符串处理相关 1.1 split() (拆分字符串) split( ...