![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
in_motion
程序员中猿
展开
-
Flutter典型错误:There are multiple heroes that share the same tag within a subtree.
这段错误信息描述通常如下:‘Within each subtree for which heroes are to be animated (i.e. a PageRoute subtree), each Hero must have a unique non-null tag. In this case, multiple heroes had the following tag: <de...原创 2020-03-29 21:20:58 · 4214 阅读 · 2 评论 -
Flutter基础:最外层组件被拉伸
其实标题就是我想讲的内容:Flutter在最外层的布局类组件Column或Row等,在主轴和交叉轴方向上都被拉伸至撑满整个屏幕。为什么单独拿出来说?因为它们在交叉轴上的宽度本来是最大子元素宽度决定的,而这里打破了这个法则,最外层组件相当于被限制了宽高必须撑满屏幕。主轴上撑满屏幕的效果乍一看好像符合Column和Row的高度计算定义,那是因为它们默认情况下mainAxisSize:MainAxis...原创 2020-02-04 10:49:24 · 3069 阅读 · 0 评论 -
Flutter基础:布局出了问题,为什么我的Column用不好?
满怀信心使用Column进行布局,总会遇到各种各样异常,有的直接报错,有的表现形式和预想的不同。下面直接分场景归纳并解决Column中的问题(大多数布局问题都有Column这货参与):1.Column中嵌套Column,外层Column直接撑满屏幕,而内层Column只是刚好为子元素高度(子元素没有Flexible类型组件)2.Column中嵌套Column,内层Column有Expand...原创 2020-02-03 22:08:13 · 4568 阅读 · 3 评论 -
Flutter基础:Flutter的Flex布局理论以及和web的区别
Flutter的布局其实比web更简单直接,万物皆可Column与Row,这两个Flex类型组件将屏幕方方正正划分,其中Column组件让人又爱又恨,首先它让垂直方向的高度不再像web中那么难以控制,如果你在根组件中直接使用Column做最外层容器,它的默认高度就是屏幕高度,子组件又有Expanded能划分剩余空间,是不是很舒服?web中想对高度精确控制还要html,body都来个height:1...原创 2020-02-03 14:07:35 · 668 阅读 · 0 评论 -
Flutter实战:可滚动组件布局的良好实践
初入Flutter,经常直接将根组件设为Column,不断向其中添加组件,组件堆叠到一定高度溢出屏幕,屏幕底部会显示一段很小的“乱码”,不必惊慌,它只是告诉你溢出了多少。这时希望溢出容器内容产生滚动条,然而Flutter并没有传统web那么方便,所谓一个overflow属性搞定,我们不得不给Column包裹额外一层可滚动组件作为容器。Flutter中的可滚动组件有:SingleChildScr...原创 2020-02-02 12:52:47 · 3427 阅读 · 0 评论 -
Flutter使用可滚动组件(SingleChildScrollView,ListView,GridView)时的典型错误二
当一个可滚动组件中嵌套另一个可滚动组件时,会抛出如下错误信息:The following assertion was thrown during performResize():Vertical viewport was given unbounded height.Viewports expand in the scrolling direction to fill their cont...原创 2020-02-02 09:52:33 · 3684 阅读 · 1 评论 -
Flutter upgrade更新版本后run项目显示no device
开着项目运行了flutter upgrade更新版本后,有时dart也更新了版本,会给所有项目加上一个启动锁,重新run会抛出如下信息:Waiting for another flutter command to release the startup lock。在命令行中运行各类flutter命令也会抛出同样的错误。重启编辑器试试?然而重启后VS Code或者Android Studio显示识别...原创 2020-02-01 11:50:42 · 1000 阅读 · 0 评论 -
Flutter使用可滚动组件(SingleChildScrollView,ListView,GridView)时的典型错误
话不多说,直接丢报错信息,看看自己是否遇到:The following assertion was thrown during performLayout():RenderFlex children have non-zero flex but incoming height constraints are unbounded.When a column is in a parent th...原创 2020-01-31 20:06:01 · 3201 阅读 · 0 评论 -
Flutter web项目发布
讲道理在本机测试发布只要按照官网教程:https://flutter.dev/docs/deployment/web不过在本机启动服务端口的命令python -m SimpleHTTPServer 8000在python3的环境下已经改为:python -m http.server...原创 2020-01-12 21:59:30 · 1156 阅读 · 0 评论 -
迈出Flutter第一步
Flutter是近两年蓬勃发展的跨平台前端开发框架,和传统Hybrid模式乃至React Native为代表的JS+原生渲染模式不同,Flutter采用原生自绘UI并暴露统一接口——致力于一次编码,各端(Android、IOS、Web、PC)部署,同时尽量保证UI在各个平台上表现形式的一致性,Flutter还有不少优势不再赘述,参见Flutter中文社区。目前Flutter稳定版本支持Andr...原创 2020-01-02 23:09:29 · 137 阅读 · 0 评论